javascript - 根据下拉列表中的选定值启用文本框

Question

您好，我有一个 HTML 页面，其中有一个文本框和一个下拉框。首次加载页面时，需要根据下拉列表中的值(已选择)启用或禁用文本框。我想使用 javascript 或 jquery 来做到这一点。我需要一点帮助。

<table>
  <tr>
    <td class="td">
      <input type="text" size="3" name="length21" value="0" disabled="disabled"/>
    </td>
    <td class="td">
      <div class="type">
        <select name="type1" id="field_type">
          <option value="TEXT" SELECTED="">TEXT</option>
          <option value="TEXTAREA" >TEXTAREA</option>
          <option value="DROPDOWN" >DROPDOWN</option>
          <option value="DATE" >DATE</option>
          <option value="CHECKBOX" >CHECKBOX</option>
          <option value="SEPARATOR" >SEPARATOR</option>
          <option value="DATETIME" >DATETIME</option>
          <option value="HIERARCHY" >HIERARCHY</option>
        </select>
      </div>
    </td>
  </tr>
  <tr>
    <td class="td">
      <input type="text" size="3" name="length21" value="0" disabled="disabled"/>
    </td>
    <td class="td">
      <div class="type">
        <select name="type2" id="field_type">
          <option value="TEXT" >TEXT</option>
          <option value="TEXTAREA" >TEXTAREA</option>
          <option value="DROPDOWN" SELECTED="">DROPDOWN</option>
          <option value="DATE" >DATE</option>
          <option value="CHECKBOX" >CHECKBOX</option>
          <option value="SEPARATOR" >SEPARATOR</option>
          <option value="DATETIME" >DATETIME</option>
          <option value="HIERARCHY" >HIERARCHY</option>
        </select>
      </div>
    </td>
  </tr>
</table>

现在我想要的是，当页面加载时，对于下拉列表中选择了 TEXT 的行，文本框将被启用。但不是为了另一个。如果能提供任何帮助，我将不胜感激。

Answer 1

在 jQuery 中:

$(document).ready(function(){
  $('select').on('change',function(){
    if($('select').val() == "TEXT") {
      $(this).parents('td').siblings('td').children('input').removeAttr('disabled');
    }
  });
});