Question

<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>

大家好，试图在第一个下拉框（大小）上实现，不是要覆盖每个选择，而是依次追加或添加每个选择。 E.G 5x7,6x8等等。

我已经走了但似乎无法做到正确，我可以请一些帮助。干杯。

Answer 1

更改您的值分配以将您的选择附加到当前值：

textbox.value += ' ' + dropdown1.value;

在引号之间添加任意字符以分隔您的条目。

<强>更新

注释中的每个问题，如果再次选择该值，则删除该值。

if(textbox.value.indexOf(dropdown1.value) == -1) {
    textbox.value = textbox.value.replace(dropdown1.value, '');
} else {
    textbox.value += ' ' + dropdown1.value;
}

检查字符串中是否包含该值。如果值为note，则indexOf返回-1。然后将值指定为已删除该值的字符串。

Answer 2

不要覆盖以前的文本框选择，而是添加到它：

textbox.value += ", " + dropdown1.value;

在文本框区域附加更多下拉框值

2 个答案: