javascript - HTML - 将 SELECT 标记内容放入 INPUT type = "text"

Question

我在网页中有一个表单，我想将所选项目放入下拉列表中的测试框中。到目前为止，我的代码如下:

            <form action = "">
                <select name = "Cities">
                  <option value="----">--Select--</option>
                  <option value="roma">Roma</option>
                  <option value="torino">Torino</option>
                  <option value="milan">Milan</option>
                </select>
                <br/>
                <br/>
                <input type="button" value="Test">
                <input type="text" name="SelectedCity" value="" />
            </form>

我想我需要使用 javascript ....但有什么帮助吗？ :-)

谢谢

Answer 1

您可以将 JavaScript 直接添加到按钮中:

<input type="button" onclick="
    var s = this.form.elements['Cities'];
    this.form.elements['SelectedCity'].value =
      s.options[s.selectedIndex].textContent">