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。

关于选择选项值

1 个答案: