使用选择启用/禁用输入

Question

我知道这个问题已经完成了 之前，但是，我在使其工作，测试脚本方面遇到了问题 仅在新的HTML中工作，但是当我将其集成到我的平台时确实如此 没有响应，但其他脚本会响应。选择获取 在 MySQL 中查询，当选择其他选项时，输入应该 启用，并在任何其他选项中禁用。

$(document).ready(function() {
	$('#mat').change(function() {
		if ($(this).val() == "Otro") {
			$('#otro_mat').prop("disabled", false);
		} else {
			$('#otro_mat').prop("disabled", true);
		}
	});
});

<select class="form-control" name="mat" id="mat">
	<?php
		switch ($row["mat"]){
			case "Concreto":
	?>
<option value="#">Selecciona Una Opción</option>
	<option selected value="Concreto">Concreto</option>
	<option value="Acero">Acero</option>
	<option value="Madera">Madera</option>
	<option value="Mixto">Mixto</option>
	<option value="Mamposteria">Mamposteria</option>
	<option value="Otro">Otro</option>
	<?php
	break;
	case "Acero":
	?>
	<option value="#">Selecciona Una Opción</option>
	<option value="Concreto">Concreto</option>
	<option selected value="Acero">Acero</option>
	<option value="Madera">Madera</option>
	<option value="Mixto">Mixto</option>
	<option value="Mamposteria">Mamposteria</option>
	<option value="Otro">Otro</option>
	<?php
	break;
	case "Madera":
	?>
	<option value="#">Selecciona Una Opción</option>
	<option value="Concreto">Concreto</option>
	<option value="Acero">Acero</option>
	<option selected value="Madera">Madera</option>
	<option value="Mixto">Mixto</option>
	<option value="Mamposteria">Mamposteria</option>
	<option value="Otro">Otro</option>
	<?php
	break;
	case "Mixto":
	?>
	<option value="#">Selecciona Una Opción</option>
	<option value="Concreto">Concreto</option>
	<option value="Acero">Acero</option>
	<option value="Madera">Madera</option>
	<option selected value="Mixto">Mixto</option>
	<option value="Mamposteria">Mamposteria</option>
	<option value="Otro">Otro</option>
	<?php
	break;
	case "Mamposteria":
	?>
	<option value="#">Selecciona Una Opción</option>
	<option value="Concreto">Concreto</option>
	<option value="Acero">Acero</option>
	<option value="Madera">Madera</option>
	<option value="Mixto">Mixto</option>
	<option selected value="Mamposteria">Mamposteria</option>
	<option value="Otro">Otro</option>
	<?php
	break;
	case "Otro":
	?>
	<option value="#">Selecciona Una Opción</option>
	<option value="Concreto">Concreto</option>
	<option value="Acero">Acero</option>
	<option value="Madera">Madera</option>
	<option value="Mixto">Mixto</option>
	<option value="Mamposteria">Mamposteria</option>
	<option selected value="Otro">Otro</option>
	<?php
	break;
	}
	?>
</select><br>
<input type="text" name="mat_otro" id="otro_mat" class="form-control" value="<?php echo $row['mat_otro'];?>">

Answer 1

>我假设otro_matid只分配给一个输入字段。

<script type='text/javascript'>
$(document).ready(function() {
$('#otro_mat').attr('disabled','disabled');        
$('select[name="mat"]').on('change',function(){
var  Otro = $(this).val();
if(Otro == "Otro"){           
$('#otro_mat').removeAttr('disabled');          
}else{
$('#otro_mat').attr('disabled','disabled'); 
}  
});
});
</script>

看这个 现场 jsfiddle