嗯...这个问题可能听起来很愚蠢,希望大家不要介意...
如果我有一个下拉列表:
<select name="myoption" onchange="document.textbox.value=this.value">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<input type="text" name="textbox" id="textbox">
现在文本框将显示所选内容,但是是否可以显示 A、B、C 而不是 1、2、3?
实际上我需要一个下拉列表,它将向2个文本框显示2个不同的值,例如如果选择A,textbox1将显示“A”,textbox2将显示“1”。
我不知道这是否可能,我已经尝试过几次了......有人可以给我一些提示吗?
提前致谢。
最佳答案
是的,这是可能的。我只是将所有 javascript 外部化到一个单独的文件中,以避免混合标记和脚本。
所以脚本:
// subscribe for the DOM ready event to ensure that you
// are manipulating the DOM only when it is loaded
window.onload = function() {
// subscribe for the onchange event of the dropdown
document.getElementById('myoption').onchange = function() {
// fetch the text of the currently selected element
var text = this.options[this.selectedIndex].innerHTML;
// and assign it to the corresponding input
document.getElementById('textbox').value = text;
};
};
和标记:
<select name="myoption" id="myoption">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<input type="text" name="textbox" id="textbox" />
和一个live demo .
关于php - 关于选择选项值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7933219/