javascript - 形式上的两个东西相互依赖

Question

在我的表单中，我有这个 HTML:

<select name="clientData[first]" >
    <option value="0">without</option>  
    <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="clientData[second]">

我要做的是如果我选择了without我可以在 <input> 中输入内容.如果我选择了其他东西，那么 <input>应该被禁用。如果我先在 <input> 中输入内容我禁用 <select>我不知道该怎么做。有人可以帮忙吗？

Answer 1

您可以 Hook 到 select 的 change 事件，然后根据需要切换 input。试试这个:

$('select').change(function() {
    if ($(this).val() == '0') {
        $('input').prop('disabled', false);
    } else {
        $('input').prop('disabled', true).val('');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="clientData[first]">
  <option value="0">without</option>
  <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="clientData[second]">