在我的表单中,我有以下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>
而且我不知道该怎么做。有人可以帮忙吗?
您可以挂钩到的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]">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句