0
我试图使用Javascript将每个下拉列表中的值显示到其对应的文本字段。我已经构建了带有“匹配”文本字段的下拉菜单,但是一旦有多于一个下拉菜单正在播放,似乎无法显示任何值。使用Javascript显示多个下拉列表中的多个值
<body>
<select name="DDcabinets" id="DDcabinets">
<option value="">Select an option …</option>
<option value="100">Dura Supreme</option>
<option value="110">Lenape Village</option>
<option value="120">Wellborn Forest</option>
</select>
<input type="text" name="Vcabinets" id="Vcabinets" size="15" maxlength="5"/>
<br>
<select id="DDcountertop">
<option value="">Select an option …</option>
<option value="200">Granite</option>
<option value="210">Quartz</option>
<option value="220">Solid Surface</option>
<option value="230">Laminate</option>
</select>
<input type="text" id="Vcountertop" size="15" maxlength="5"/>
<br>
<select id="DDbacksplash">
<option value="">Select an option …</option>
<option value="300">Tile</option>
<option value="310">Other</option>
</select>
<input type="text" id="Vbacksplash" size="15" maxlength="5"/>
等等。有什么建议么?
编辑:我的javascript:
var select = document.getElementById('DDcabinets');
var input = document.getElementById('Vcabinets');
select.onchange = function() {
input.value = select.value;
}
你能不能也发表您的JavaScript代码? – uncoder
我很确定我的JavaScript没有任何意义 - 我对JavaScript不熟悉(几年前接受过一些C++和Java类,但就是这样)。 – user3587300
您是否在JS中为其他下拉列表使用了相同的变量名?你可以在http://jsbin.com/上发布完整的代码片段并在此发布网址吗? – sleepwalker