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;
};

当用户在select中选择一个新值时，这将调用onchange函数。输入可以随时覆盖。

http://jsfiddle.net/G3PGY/

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

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

1 个答案: