Javascript 保存一个名为input的隐藏“incident_type”，不要麻烦命名显示的输入和选择字段。然后，对于显示的输入和选择元素，添加一个“更改”事件侦听器，该侦听器将客户端当前与之交互的任何字段的值复制到此隐藏输入。但是是的，有很多方法可以做到这一点。@bo

---

保存一个名为input的隐藏“incident_type”，不要麻烦命名显示的输入和选择字段。然后，对于显示的输入和选择元素，添加一个“更改”事件侦听器，该侦听器将客户端当前与之交互的任何字段的值复制到此隐藏输入。但是是的，有很多方法可以做到这一点。@bob the destroyer，你能进一步解释一下吗，或者给我一段代码，让我为“更改”事件的事件侦听器编写一段代码吗？我需要使用jQuery吗？我知道一些JavaScript，但不知道jQuery。我让它工作了！谢谢您！请看下面我补充的答案。

    <!-- Text input-->
    <div id="incident-type" class="control-group">
      <label class="control-label" for="textinput">Incident Type (Use this box or the common incident box)</label>
      <div class="controls">
        <input id="textinput" name="incident_type" type="text" class=" form-control">
      </div>

    </div>  

<!-- Select Box -->
           <div id="incident-control-box" class="control-group">
      <label class="control-label" for="textinput">Common Incidents (Use this box or the incident type box)</label>
      <div class="controls">
        <select onclick="hideInputBox()" id="textinput incident-type1" name="incident_type" type="text" class=" form-control" >
            <option value="blank"></option>
      <option value="AFA Commercial">AFA Commercial</option>
      <option value="AFA Residential">AFA Residential</option>
      <option value="MVA W/Injuries">MVA W/Injuries</option>
      <option value="Gas Leak Outside">Gas Leak Outside</option>
      <option value="Gas Leak Inside">Gas Leak Inside</option>
      <option value="Investigation">Investigation</option>
      <option value="Possible Structure Fire">Possible Structure Fire</option>

          </select>
      </div>

    </div>

  $incident_type     = $row['incident_type'];

<!-- Text input-->
<div id="incident-type" class="control-group">
  <label class="control-label" for="textinput">Incident Type (Use this box or the common incident box)</label>
  <div class="controls">
    <input id="input-incident1" name="input-incident1" type="text" class=" form-control">
  </div>

</div>  



        <!-- Select Box -->

       <div id="incident-control-box" class="control-group">
  <label class="control-label" for="textinput">Common Incidents (Use this box or the incident type box)</label>
  <div class="controls">
    <select id="input-incident2" name="input-incident2" type="text" class=" form-control" >
        <option value=""></option>
  <option value="AFA Commercial">AFA Commercial</option>
  <option value="AFA Residential">AFA Residential</option>
  <option value="MVA W/Injuries">MVA W/Injuries</option>
  <option value="Gas Leak Outside">Gas Leak Outside</option>
  <option value="Gas Leak Inside">Gas Leak Inside</option>
  <option value="Investigation">Investigation</option>
  <option value="Possible Structure Fire">Possible Structure Fire</option>

      </select>
  </div>

</div>  

<input type="hidden" id="incident_type" name="incident_type">

 <script>
          $(function () {
    var $src = $('#input-incident1'),
        $dst = $('#incident_type');
    $src.on('input', function () {
        $dst.val($src.val());
    });
        });

        </script>

                <script>
                $(function () {
    var $src = $('#input-incident2'),
        $dst = $('#incident_type');
    $src.on('input', function () {
        $dst.val($src.val());
    });
    });
        </script>