我在5行中有10个下拉列表选择字段!如果有人从第一或第二选择中选择了某项,那么我想禁用同一行中的另一项(不要消失只是禁用)!
当我选择启用值时,应该启用禁用选项!
对不起,我的英语,希望您能理解我的问题!先感谢您!!
<table>
<tr>
<th>
First select
</th>
<th>
Second select
</th>
</tr>
<tr>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
</tr>
<tr>
</tr>
<tr>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
</tr>
<tr>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
</tr>
<tr>
</tr>
<tr>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
</tr>
<tr>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
<td>
<select>
<option value="enable">Enable</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
<option value="test4">Test 4</option>
</select>
</td>
</tr>
</table>
您可以使用以下代码段:
$('select').change(function(){
$(this).closest('tr').find('select').not(this).prop('disabled', this.value !== "enable")
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句