javascript - 通过选择启用/禁用输入

Question

我知道这个问题已经完成了之前，但是，我在使其工作、测试脚本时遇到了问题仅在新的 html 中有效，但是当我将其集成到我的平台时不响应，但其他脚本响应。 select 获取 a 的数据在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_mat id 仅分配给一个输入字段。

<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