关于选择选项值

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" />

和一个现场演示.