php - 关于选择选项值

Question

嗯...这个问题可能听起来很愚蠢，希望大家不要介意...

如果我有一个下拉列表:

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

我不知道这是否可能，我已经尝试过几次了......有人可以给我一些提示吗？

提前致谢。

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