选择列表上的jquery选择

我有一个关于jquery选择的问题。我想针对一个选择列表，当您从选择列表中选择Dr时，下面的div应该被隐藏

---

一些错误。首先，需要将字符串括在引号中。接下来，当有人进行更改时，您希望检查选择列表，因此您不希望使用.each，而是.change事件。然后您不想检查该值，因为它是数值，所以请使用.text或.html来获取所选选项的内容，而不是.val

例如：

$document.readyfunction{ var num='Dr'； $myselect.changefunction{ 如果$this.find'option:selected'。text==num{ $.test1.hide； } }; }; 先生 夫人 太太 博士 教授

---

test1有一些错误。首先，需要将字符串括在引号中。接下来，当有人进行更改时，您希望检查选择列表，因此您不希望使用.each，而是.change事件。然后您不想检查该值，因为它是数值，所以请使用.text或.html来获取所选选项的内容，而不是.val

例如：

$document.readyfunction{ var num='Dr'； $myselect.changefunction{ 如果$this.find'option:selected'。text==num{ $.test1.hide； } }; }; 先生 夫人 太太 博士 教授 test1这里有很多错误。快速浏览：

Dr是一个语法错误。字符串应该用引号括起来。 当页面加载时，您只检查一次所选值，而不给用户实际选择任何内容的机会。 您正在寻找class=select的select，它在HTML中不存在。 您还需要一个id=myselect的div，它在HTML中也不存在。 没有选定的功能。 我猜你的意思更像是：

$(document).ready(function(){
    var num = 'Dr';
    $("select").change(function(){
        if($(this).find('option:selected').text()==num){
            $(".test1").hide();   
        }
    });
});

注意这些变化：

将Dr用引号括起来，因为它是一个字符串。 创建更改事件处理程序，而不是直接检查HTML的当前状态。只要目标元素发生更改，就会调用此事件处理程序。由用户修改其值。 将选择器替换为仅选择以页面上的表单元素为目标。如果目标代码中有更多元素，那么您也可以使用您拥有的id，或者以各种方式标识您的目标元素。 调用更改事件后，代码在中查找所选选项并检查该选项的文本。因为该值是一个数字，而不是字符串“Dr”。 我用叉子把你的手指叉到这里来演示

此外，如果要在选择另一个选项时重新显示元素，则应添加一个else块：

这里有很多错误。快速浏览：

Dr是一个语法错误。字符串应该用引号括起来。 当页面加载时，您只检查一次所选值，而不给用户实际选择任何内容的机会。 您正在寻找class=select的select，它在HTML中不存在。 您还需要一个id=myselect的div，它在HTML中也不存在。 没有选定的功能。 我猜你的意思更像是：

$(document).ready(function(){
    var num = 'Dr';
    $("select").change(function(){
        if($(this).find('option:selected').text()==num){
            $(".test1").hide();   
        }
    });
});

注意这些变化：

将Dr用引号括起来，因为它是一个字符串。 创建更改事件处理程序，而不是直接检查HTML的当前状态。只要目标元素发生更改，就会调用此事件处理程序。由用户修改其值。 将选择器替换为仅选择以页面上的表单元素为目标。如果目标代码中有更多元素，那么您也可以使用您拥有的id，或者以各种方式标识您的目标元素。 调用更改事件后，代码在中查找所选选项并检查该选项的文本。因为该值是一个数字，而不是字符串“Dr”。 我用叉子把你的手指叉到这里来演示

此外，如果要在选择另一个选项时重新显示元素，则应添加一个else块：

---

Dr应该是stringDr应该是stringDr谢谢！我正在学习目标价值与文本之间的区别。我在这里创建了另一支以值为目标的笔。非常感谢。我正在学习目标价值与文本之间的区别。我在这里创建了另一支以值为目标的笔。

if($(this).find('option:selected').text()==num){
    $(".test1").hide();   
} else {
    $(".test1").show();
}