表格中的两件事情相互依赖

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

您可以挂钩change事件,select然后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]">