Javascript 取消隐藏文本元素不起作用

Question

我已经在互联网上进行了搜索，但仍然找不到解决我的问题的方法。我遇到的问题是我有一个 HTML 选择框和一个文本框，如下所示:

 <p>
    <label for="car_parking">Issue a car park pass ?:</label>
    <select name="car_park_pass" id="car_park_pass" tabindex="<?php echo $tab++; ?>">
       <option value="Please select">Please select</option>
       <option value="yes">Yes</option>
       <option value="no">No</option>   
    </select>
 </p>
 <div id="reg_number">  
    <p>
       <label for="car_reg_no">Car registration number</label>
       <input type="text" name="car_reg_no" id="car_reg_no" tabindex="<?php echo $tab++; ?>">
    </p>
 </div>

我遇到的问题是，如果“car_park_pass”等于“yes”，我想显示“reg_number”，但默认情况下将其隐藏。我有以下 javascript，我尝试将其放入头部和主体中，但似乎没有任何效果:

 $('select[name=car_park_pass]').change(function() 
 {
      if ($(this).val() == 'yes') 
      {
           $('#reg_number').show();
      } 
      else 
      {
           $('#reg_number').hide();
      }
 });

我需要做什么才能使这项工作成功？

Answer 1

试试这个:

$('select[name=car_park_pass]').change(function() {
  if ($(this).val() == 'yes') 
  {
      $('#reg_number').show();
  } 
  else 
  {
      $('#reg_number').hide();
  }
});