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

我已经尝试过了,但似乎无法正确处理,我可以请我帮忙吗?干杯。

4

2 回答 2

1

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

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。然后将值分配为删除了该值的字符串。

于 2013-08-26T13:28:13.883 回答
0

与其覆盖之前的文本框选择,不如添加:

textbox.value += ", " + dropdown1.value;
于 2013-08-26T13:28:01.527 回答