Heim > Artikel > Web-Frontend > html的下拉框里怎么value怎么拼接值 新手求带飞_html/css_WEB-ITnose
html的下拉框里怎么value怎么拼接值 新手求带飞_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:15:222096Durchsuche
回复讨论(解决方案)
发现获取的值 只能是 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>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：css 选择符_html/css_WEB-ITnoseNächster Artikel：基础理解4:弹出层和拖动_html/css_WEB-ITnose