Question

我有一个选择下拉列表，我想在列表中选择“Car”时显示另一个输入字段，而不提交表单。

有没有人用jQuery做得好呢？

<?php $array  = array('Bus','Car','Train');?>
<label for="value">Hvordan reiste du?</label>
<select name="value[]" class="form-control">                                            
    <?php foreach($array as $a) { ?>
        <option value="<?php echo $a; ?>"><?php echo $a;?></option>
    <?php } ?>                                  
</select>

Answer 1

$(document).ready(function(){
   $('select').on("change", function(){
      if ( this.value == "Car" ) {
          $("#myInput").show();
       }
      else {
          $("#myInput").hide();
       }
    });
});

Answer 2

jQuery允许您在不同的表单元素上侦听。change。您可以使用它来触发检查所选值是否等于“car”的条件。

$('select.form-control').on('change', function() {
  if ($(this).val() == 'car') {
    # show input
  } else {
    # hide input
  }
});

将您的jQuery包含在像{@ 1}}这样的Avitus中，将确保在尝试注册您的选择框之前加载DOM。

如何使用jQuery选择特定元素时触发和显示输入？

2 个答案: