将更多下拉框值附加到文本框区域
[英]Append more drop down box value to text box area
问题描述
<html>
<script type="text/javascript">
function chkind1(){
var dropdown2 = document.getElementById('dropdown1');
var textbox = document.getElementById('textbox1');
textbox.value=dropdown1.value;
}
</script>
<script type="text/javascript">
function chkind2(){
var dropdown3 = document.getElementById('dropdown2');
var textbox = document.getElementById('textbox2');
textbox.value=dropdown2.value;
}
</script>
<input id="textbox1" name="size" type="text" />
<input id="textbox2" name="copies" type="text" />
<select onchange=chkind1()' id='dropdown1'>
<option value='Nil'>Select Print Size</option>
<option value = '$file - 5x7'>5x7</option>
<option value = '$file - 6x8'>6x8</option>
</select>
<select onchange='chkind2()' id='dropdown2'>
<option value = 'Nil'>Select how many Copies</option>
<option value = '1'>1</option>
<option value = '2'>2</option>
</select>
</html>
大家好，尝试在第一个下拉框（大小）上实现的目的不是覆盖每个选择，而是一个接一个地追加或添加每个选择。 EG 5x7、6x8等
我试过了，但似乎做得不好，请给我一点帮助。 干杯。
2 个解决方案
解决方案1
1 已采纳 2013-08-26 13:28:13
更改值分配，以将选择内容附加到当前值：
textbox.value += ' ' + dropdown1.value;
在引号之间添加任何字符以分隔条目。
更新：
注释中的每个问题都会删除该值（如果再次选择该值）。
if(textbox.value.indexOf(dropdown1.value) == -1) {
textbox.value = textbox.value.replace(dropdown1.value, '');
} else {
textbox.value += ' ' + dropdown1.value;
}
检查该值是否包含在字符串中。 如果存在注释，则indexOf返回-1。 然后，将值分配为已删除该值的字符串。
解决方案2
0 2013-08-26 13:28:01
与其覆盖以前的文本框选择，不如添加它：
textbox.value += ", " + dropdown1.value;
将下拉菜单放置在文本框或文本区域内
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.