Maison > Article > interface Web > html的下拉框里怎么value怎么拼接值 新手求带飞_html/css_WEB-ITnose
html的下拉框里怎么value怎么拼接值 新手求带飞_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:15:222063parcourir
回复讨论(解决方案)
发现获取的值 只能是 value值1 2 3 获取不到拼接的
或取了再拼接
value后面加js代码好像不会执行，只有事件后面加才可以执行吧
或取了再拼接
怎么获取拼接法 求教
或取了再拼接
表情自动加的
在js代码中拼接好字符串，再用document.write()输出到文档流中
在js代码中拼接好字符串，再用document.write()输出到文档流中
<script> <br /> function show(str:String){ <br /> if(int(str)==1){ <br /> document.write(document.getElementById("Code")); <br /> }else if(int(str)==1){ <br /> document.write(document.getElementById("Code")); <br /> }else{ <br /> document.write(document.getElementById("Code")); <br /> } <br /> <br /> <br /> } <br /> </script>
是这样吗 但我的报错呢
<input id='Code' value='111111'><select id="taskData" ><script type="text/javascript">var str = "<option value='1"+document.getElementById("Code").value+"'>模拟1</option>";str += "<option value='2"+document.getElementById("Code").value+"'>模拟2</option>";str += "<option value='3"+document.getElementById("Code").value+"'>模拟3</option>";document.write(str);</script></select>
<input id='Code' value='111111'><select id="taskData" ><script type="text/javascript">var str = "<option value='1"+document.getElementById("Code").value+"'>模拟1</option>";str += "<option value='2"+document.getElementById("Code").value+"'>模拟2</option>";str += "<option value='3"+document.getElementById("Code").value+"'>模拟3</option>";document.write(str);</script></select> 这样不会报错 但是好像输不出值 还是我电脑浏览器的问题
这样不会报错 但是好像输不出值 还是我电脑浏览器的问题
这样呢
<input id='Code' value='111111'><select id="taskData" ><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;for (var i = 0, len = opt.length; i < len; i++) { opt[i].value += str;}</script> jq写的~·
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){ $("#taskData").children().each(function(){ var v=$(this).val() v+=$("#Code").html(); alert(v); });});</script><style></style><body><p id="Code">666</p><select id="taskData"> <option value="1">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟三</option></select> </body></html>
这样不会报错 但是好像输不出值 还是我电脑浏览器的问题
这样呢
<input id='Code' value='111111'><select id="taskData" ><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;for (var i = 0, len = opt.length; i < len; i++) { opt[i].value += str;}</script> 这样可以输出 也改变了之 但我想在下拉框的onchange里面加上个方法具体如下
<script> <br />function show(e){ <br /> var opt = document.getElementById("taskData").options; <br /> var str = document.getElementById("Code").value; <br /> <br /> <br /> if(opt[opt.selectedIndex].value=='1'){ <br /> <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else if(opt[opt.selectedIndex].value=='2'){ <br /> <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else if(opt[opt.selectedIndex].value=='3'){ <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else{ <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> } <br /> <br /> <br /> <br /> document.write(opt[opt.selectedIndex].value); <br />} <br /> <br />想在改变下拉框的选项之后吧对应的value值也改变 <p class="sougouAnswer"> <p class="yy"> jq写的~· <br /> <pre class="sycode" name="code"><!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){ $("#taskData").children().each(function(){ var v=$(this).val() v+=$("#Code").html(); alert(v); });});</script><style></style><body><p id="Code">666</p><select id="taskData"> <option value="1">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟三</option></select> </body></html></pre> <br /> <br /> <br />问下可在下拉框加个监听每次改变选项是 对应的value值也会变 <p class="sougouAnswer"> <p class="yy"> <p class="yy"> <br /> <p class="yy"> <br />这样不会报错 但是好像输不出值 还是我电脑浏览器的问题 <br />这样呢 <br /> <pre class="sycode" name="code"><input id='Code' value='111111'><select id="taskData" ><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;for (var i = 0, len = opt.length; i < len; i++) { opt[i].value += str;}</script></pre> <br />这样可以输出 也改变了之 但我想在下拉框的onchange里面加上个方法具体如下 <br /> <br /> <br /><input id='Code' value='111111'> <br /><select id="taskData" onchange="show(this.value)"> <br /><option value='1'>模拟1 <br /><option value='2'>模拟2 <br /><option value='3'>模拟3 <br /> <br /><script type="text/javascript"> <br />function show(e){ <br /> var opt = document.getElementById("taskData").options; <br /> var str = document.getElementById("Code").value; <br /> <br /> <br /> if(opt[opt.selectedIndex].value=='1'){ <br /> <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else if(opt[opt.selectedIndex].value=='2'){ <br /> <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else if(opt[opt.selectedIndex].value=='3'){ <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else{ <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> } <br /> <br /> <br /> <br /> document.write(opt[opt.selectedIndex].value); <br />} <br /> <br />想在改变下拉框的选项之后吧对应的value值也改变 <br /> <pre class="sycode" name="code"><input id='Code' value='111111'><select id="taskData" onchange="show(this.value)"><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">function show(e){var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;opt[opt.selectedIndex].value=Number(str)+1;}</pre> <p class="sougouAnswer"> <p class="yy"> <p class="yy"> <br /> <p class="yy"> <br /> <p class="yy"> <br />这样不会报错 但是好像输不出值 还是我电脑浏览器的问题 <br />这样呢 <br /> <pre class="sycode" name="code"><input id='Code' value='111111'><select id="taskData" ><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;for (var i = 0, len = opt.length; i < len; i++) { opt[i].value += str;}</script></pre> <br />这样可以输出 也改变了之 但我想在下拉框的onchange里面加上个方法具体如下 <br /> <br /> <br /><input id='Code' value='111111'> <br /><select id="taskData" onchange="show(this.value)"> <br /><option value='1'>模拟1 <br /><option value='2'>模拟2 <br /><option value='3'>模拟3 <br /> <br /><script type="text/javascript"> <br />function show(e){ <br /> var opt = document.getElementById("taskData").options; <br /> var str = document.getElementById("Code").value; <br /> <br /> <br /> if(opt[opt.selectedIndex].value=='1'){ <br /> <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else if(opt[opt.selectedIndex].value=='2'){ <br /> <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else if(opt[opt.selectedIndex].value=='3'){ <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> }else{ <br /> opt[opt.selectedIndex].value=Number(str)+1; <br /> } <br /> <br /> <br /> <br /> document.write(opt[opt.selectedIndex].value); <br />} <br /> <br />想在改变下拉框的选项之后吧对应的value值也改变 <br /> <pre class="sycode" name="code"><input id='Code' value='111111'><select id="taskData" onchange="show(this.value)"><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">function show(e){var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;opt[opt.selectedIndex].value=Number(str)+1;}</pre> <br />还是不行 只改变一次 以后的就不改变了 <p class="sougouAnswer"> <p class="yy"> <p class="yy"> <br />jq写的~· <br /> <pre class="sycode" name="code"><!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){ $("#taskData").children().each(function(){ var v=$(this).val() v+=$("#Code").html(); alert(v); });});</script><style></style><body><p id="Code">666</p><select id="taskData"> <option value="1">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟三</option></select> </body></html></pre> <br /> <br /> <br />问下可在下拉框加个监听每次改变选项是 对应的value值也会变 <br /> <br /> <pre class="sycode" name="code">$(function(){ var v1=""; $("#taskData").change(function(){ if($(this).children().is(":selected")){ v1=$(this).val()+12; alert(v1); } });});<body><select id="taskData"> <option value="1" selected="selected">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟3</option></select> </body></pre> <p class="sougouAnswer"> <p class="yy"> <p class="yy"> <br /> <p class="yy"> <br />jq写的~· <br /> <pre class="sycode" name="code"><!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){ $("#taskData").children().each(function(){ var v=$(this).val() v+=$("#Code").html(); alert(v); });});</script><style></style><body><p id="Code">666</p><select id="taskData"> <option value="1">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟三</option></select> </body></html></pre> <br /> <br /> <br />问下可在下拉框加个监听每次改变选项是 对应的value值也会变 <br /> <br /> <pre class="sycode" name="code">$(function(){ var v1=""; $("#taskData").change(function(){ if($(this).children().is(":selected")){ v1=$(this).val()+12; alert(v1); } });});<body><select id="taskData"> <option value="1" selected="selected">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟3</option></select> </body></pre> <br /> <br />还不是我想要的效果 现在只是改变value输出的值 但是在选项框里的value实际上是没改变 的 我要的效果就是选项框里的value会根据点击的选项而改变 <p class="sougouAnswer"> <p class="yy"> <p class="yy"> <br /> <p class="yy"> <br /> <p class="yy"> <br />jq写的~· <br /> <pre class="sycode" name="code"><!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){ $("#taskData").children().each(function(){ var v=$(this).val() v+=$("#Code").html(); alert(v); });});</script><style></style><body><p id="Code">666</p><select id="taskData"> <option value="1">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟三</option></select> </body></html></pre> <br /> <br /> <br />问下可在下拉框加个监听每次改变选项是 对应的value值也会变 <br /> <br /> <pre class="sycode" name="code">$(function(){ var v1=""; $("#taskData").change(function(){ if($(this).children().is(":selected")){ v1=$(this).val()+12; alert(v1); } });});<body><select id="taskData"> <option value="1" selected="selected">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟3</option></select> </body></pre> <br /> <br />还不是我想要的效果 现在只是改变value输出的值 但是在选项框里的value实际上是没改变 的 我要的效果就是选项框里的value会根据点击的选项而改变 <br /> <br /> <pre class="sycode" name="code">$(function(){ var v1=""; $("#taskData").change(function(){ if($(this).children().is(":selected")){ v1=$(this).val()+12; alert(v1); $(this).children(":selected").prop("value",""+v1+""); } });});</pre> <br />不知道你根据点击的选项而改变option中的value值是否是永久改变~~ <p class="sougouAnswer"> 你执行这个代码的时候 Code这个元素存在了吗？ <p class="sougouAnswer"> <p class="yy"> 你执行这个代码的时候 Code这个元素存在了吗？ <br />是存在的 <p class="sougouAnswer"> <p class="yy"> <p class="yy"> <br /> <p class="yy"> <br /> <p class="yy"> <br /> <p class="yy"> <br />jq写的~· <br /> <pre class="sycode" name="code"><!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){ $("#taskData").children().each(function(){ var v=$(this).val() v+=$("#Code").html(); alert(v); });});</script><style></style><body><p id="Code">666</p><select id="taskData"> <option value="1">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟三</option></select> </body></html></pre> <br /> <br /> <br />问下可在下拉框加个监听每次改变选项是 对应的value值也会变 <br /> <br /> <pre class="sycode" name="code">$(function(){ var v1=""; $("#taskData").change(function(){ if($(this).children().is(":selected")){ v1=$(this).val()+12; alert(v1); } });});<body><select id="taskData"> <option value="1" selected="selected">模拟1</option> <option value="2">模拟2</option> <option value="3">模拟3</option></select> </body></pre> <br /> <br />还不是我想要的效果 现在只是改变value输出的值 但是在选项框里的value实际上是没改变 的 我要的效果就是选项框里的value会根据点击的选项而改变 <br /> <br /> <pre class="sycode" name="code">$(function(){ var v1=""; $("#taskData").change(function(){ if($(this).children().is(":selected")){ v1=$(this).val()+12; alert(v1); $(this).children(":selected").prop("value",""+v1+""); } });});</pre> <br />不知道你根据点击的选项而改变option中的value值是否是永久改变~~ <br />谢谢大神的指导 </script>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：css 选择符_html/css_WEB-ITnoseArticle suivant：基础理解4:弹出层和拖动_html/css_WEB-ITnose