Question

嗨我有两个盒子，一个'父'选择框和一个'子'文本框。如何将“子”文本框内的值更改为当前日期，具体取决于“父级”选择框中选择的内容。

Answer 1

为选择框连接onchange事件。
检索所选值
将所选值分配给文本框

如果你可以使用jQuery（我建议）

<script>
    $(document).ready ( function () {
        $("#sel1").change ( function () {
            $("#txt1").val ( $(this).val() );
        });
    });
</script>
<select id="sel1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<input type="text" id="txt1" />

Answer 2

我不会给你cde，只是如何做到这一点

“选择”框具有每个项目的“文本”和“值”属性，“选择”还有一个javascript事件，可以告诉您SelectedIndex何时更改了在该事件上，您应该从SelectedItem读取值并将其写入TextBox

Answer 3

这是一些代码，它具有在文档完成加载之前不需要jQuery和工作的多个优点：

<form>
  <select name="sel1" onchange="this.form.elements['txt1'].value = this.options[this.selectedIndex].text;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>

  <input type="text" name="txt1">
</form>

如何根据javascript下拉框中选择的值将文本框中的值更改为当前日期

3 个答案: