选择

时间:2017-07-17 03:35:21

标签: javascript php jquery html

我知道这个问题已经完成了 之前,但是,我有问题使它工作,测试脚本 只在一个新的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'];?>">
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我假设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