javascript - 如何使用 Javascript 基于选择框用数据填充文本字段？

Question

我知道很多 PHP，但对 Javascript 知之甚少。

基本上，我想要的是:

如果用户从 HTML 表单选择框中选择项目 x，则项目 x 的描述性文本将自动填充其下方的 HTML 表单输入文本框。

有没有人有我可以使用或编辑的工作示例，以便能够执行我需要的操作？

Answer 1

这是一个不使用任何库的纯 JavaScript 工作副本:

<script type="text/javascript">
    // Pre populated array of data
    var myData = new Array();
    myData[1] = 'Some text';
    myData[2] = 'Some other text';
</script>     
<form id="example" name="example">
        <select id="selector" name="selector">
            <option value="" selected></option>
            <option value=1>One</option>
            <option value=2>Two</option>
        </select>
        <br />
        <input type="text" value="" id="populateme" name="populateme" />
    </form>

    <script type="text/javascript">
        document.example.selector.onchange = updateText;

        function updateText() {
          var obj_sel = document.example.selector;
          document.example.populateme.value = myData[obj_sel.value];
    }
    </script>