javascript - 如何将隐藏变量添加到输入字段

Question

我有一个工作脚本，但我需要允许用户更改隐藏变量(如果他们选择)。

         <strong>Select</strong><br>
          <select class="inputClass" size="1" id="f1a" name="Board">
            <option value="Selected">Use</option>
            <option value="Selected">--------------------------</option>
            <option value="6">Floor Joist</option>
            <option value="4">Wall</option>
            <option value="8">Header</option>
            <option value="4">Rafter</option>
          </select>

所以我添加了一个输入字段。

<br>

           <strong>Board Use</strong> <br>

          <input class="inputClass" type="text"  id="f1" value="" size="12" name="Board Use">

过去两周我一直在尝试不同的代码将 f1a.value 放入 f1 输入字段。然后用户可以选择留下我的值或者放入自己的值。

任何建议。

Answer 1

您只需要选择一个简单的 onchange 事件:

var f1a = document.getElementById("f1a");
var f1 = document.getElementById("f1");
f1a.onchange = function() {
  f1.value = f1a.value;
};

只要用户在选择中选择新值，就会调用 onchange 函数。输入可以随时被覆盖。

http://jsfiddle.net/G3PGY/

https://developer.mozilla.org/en-US/docs/DOM/element.onchange