Javascript取消隐藏文本元素不工作

我在互联网上搜索过，但仍然找不到解决问题的方法。我遇到的问题是，我有一个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>

我需要做什么才能使这项工作正常进行？

试试以下方法：

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

试试这个：

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

试试这个：

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

试试这个：

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

这是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" style="display:none;">  
 <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>

你可以看到它在这里工作 这是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" style="display:none;">  
 <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>

你可以看到它在这里工作 这是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" style="display:none;">  
 <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>

你可以看到它在这里工作 这是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" style="display:none;">  
 <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>

你可以看到它在这里工作

---

此代码有效，问题在于使用

.on（）

此jquery代码：

$(document).ready(function(){
    $( "#car_park_pass" ).on( "change", function() {
        if ($(this).val() == 'yes'){
            $('#reg_number').show();
        } 
        else{
            $('#reg_number').hide();
        }
    });
});

---

此代码有效，问题在于使用

.on（）

此jquery代码：

$(document).ready(function(){
    $( "#car_park_pass" ).on( "change", function() {
        if ($(this).val() == 'yes'){
            $('#reg_number').show();
        } 
        else{
            $('#reg_number').hide();
        }
    });
});

---

此代码有效，问题在于使用

.on（）

此jquery代码：

$(document).ready(function(){
    $( "#car_park_pass" ).on( "change", function() {
        if ($(this).val() == 'yes'){
            $('#reg_number').show();
        } 
        else{
            $('#reg_number').hide();
        }
    });
});

---

此代码有效，问题在于使用

.on（）

此jquery代码：

$(document).ready(function(){
    $( "#car_park_pass" ).on( "change", function() {
        if ($(this).val() == 'yes'){
            $('#reg_number').show();
        } 
        else{
            $('#reg_number').hide();
        }
    });
});

• 您忘记了此代码中的

  $

  符号

  （“选择[name=car\u park\u pass]”）

• 在最后一行，

  }），大括号未打开

• 当文档准备好时调用change函数，效率更高
• 按ID选择更有效的

  $（“#停车场\通行证”）

签发停车场通行证？：
请选择
对
不


汽车登记号码

$（文档）.ready（函数（）{
$（“#停车场\通行证”）。在（'change'，function（）上{
如果（$（this.val（）=='yes'）{
$（“#注册号”）.show（）；
} 
否则{
$（“#注册号”）.hide（）；
}
});
});

• 您忘记了此代码中的

  $

  符号

  （“选择[name=car\u park\u pass]”）

• 在最后一行，

  }），大括号未打开

• 当文档准备好时调用change函数，效率更高
• 按ID选择更有效的

  $（“#停车场\通行证”）

签发停车场通行证？：
请选择
对
不


汽车登记号码

$（文档）.ready（函数（）{
$（“#停车场\通行证”）。在（'change'，function（）上{
如果（$（this.val（）=='yes'）{
$（“#注册号”）.show（）；
} 
否则{
$（“#注册号”）.hide（）；
}
});
});

• 您忘记了此代码中的

  $

  符号

  （“选择[name=car\u park\u pass]”）

• 在最后一行，

  }），大括号未打开

• 当文档准备好时调用change函数，效率更高
• 按ID选择更有效的

  $（“#停车场\通行证”）

签发停车场通行证？：
请选择
对
不


汽车登记号码

$（文档）.ready（函数（）{
$（“#停车场\通行证”）。在（'change'，function（）上{
如果（$（this.val（）=='yes'）{
$（“#注册号”）.show（）；
} 
否则{
$（“#注册号”）.hide（）；
}
});
});

• 您忘记了此代码中的

  $

  符号

  （“选择[name=car\u park\u pass]”）

• 在最后一行，

  }），大括号未打开

• 当文档准备好时调用change函数，效率更高
• 按ID选择更有效的

  $（“#停车场\通行证”）

签发停车场通行证？：
请选择
对
不


汽车登记号码

$（文档）.ready（函数（）{
$（“#停车场\通行证”）。在（'change'，function（）上{
如果（$（this.val（）=='yes'）{
$（“#注册号”）.show（）；
} 
否则{
$（“#注册号”）.hide（）；
}
});
});

在

（'select[name=car\u park\u pass]'）之前不应该有
$
吗？在
（'select[name=car\u park\u pass]'）之前不应该有
$
吗？在
（'select[name=car\u park\u pass]'）之前不应该有
$
吗[姓名=停车场通行证]）。是否更改？