我不知道如何制作它,因此第一个选择菜单中选择的选项会更改第二个选择菜单的标题。有什么帮助吗?这是我到目前为止所拥有的:
HTML:
<div class="form-group">
<label class="col-md-4 control-label">First:</label>
<select id="select">
<option value="1">Apple</option>
<option value="2">Orange</option>
<option value="3">Peach</option>
</select>
</div>
<br>
<div class="form-group">
<label class="col-md-4 control-label" id="output">Second:</label>
<select>
<option value="1">Pineapple</option>
<option value="2">Grape</option>
<option value="3">Pear</option>
</select>
</div>
JS:
var e = document.getElementById("select");
var output = e.options[e.selectedIndex].text;
最佳答案
var list1 = document.getElementById("select1");
var list2Title = document.getElementById("output");
list1.addEventListener("change", function(){
output.textContent = this.options[this.selectedIndex].textContent;
});
<div class="form-group">
<label class="col-md-4 control-label">First:</label>
<select id="select1">
<option value="1">Apple</option>
<option value="2">Orange</option>
<option value="3">Peach</option>
</select>
</div>
<br>
<div class="form-group">
<label class="col-md-4 control-label" id="output">Second:</label>
<select id="select2">
<option value="1">Pineapple</option>
<option value="2">Grape</option>
<option value="3">Pear</option>
</select>
</div>
关于javascript - 显示从选择到另一个选择的标题的选定选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44598748/