Javascript 我如何使用^=&引用；jquery代码中显示所有值的属性以字符“quot；f"；

假设我有下面的代码，我想在有人点击汽车名字时激活我的按钮，但我不想写下每一个汽车名字。我想使用属性“^=”，当有人选择汽车制造商法拉利、菲亚特或福特时，该属性允许我激活该按钮。在CSS中，它们存在一个属性“^=”，我可以使用该属性定义名称的第一个字符——在我的示例中，“f”表示具有第一个字符的汽车。当我在jquery代码中写入此属性时，代码不起作用。有人知道谁可以在下面的代码中定义CSS属性“^=

我试图在代码中写入[value^=“f”]，但它不起作用

html

jquery

$(document).ready(function() {
    if($("select.cars").val() == "none"){
        $(".SubmitButton").attr("disabled", "disabled");
      }
    $("select.cars").change(function(){
      if($(this).val() == [value^="f"]){
         $(".SubmitButton").removeAttr("disabled");
         $(".SubmitButton").addClass("ButtonColor1");  
      }
      else if($("select.cars").val() == "none"){
        $(".SubmitButton").attr("disabled", "disabled");
      }
    });
});

---

您需要使用jQuery，因为CSS无法获取要应用的选项的文本

if($("select.cars :selected").text().indexOf("F") === 0){
           $(".SubmitButton").removeAttr("disabled");
           $(".SubmitButton").addClass("ButtonColor1");  

 }

$（文档）.ready（函数（）{
如果（$（“select.cars”）.val（）=“无”）{
$（.SubmitButton”）.attr（“禁用”、“禁用”）；
}
$（“select.cars”）.change（函数（）{
if（$（（$）select.cars:selected”）.text（）.indexOf（“F”）==0）{
$（“.SubmitButton”）.removeAttr（“已禁用”）；
$（“.SubmitButton”）.addClass（“按钮颜色1”）；
}
如果（$（“select.cars”）.val（）=“无”）{
$（.SubmitButton”）.attr（“禁用”、“禁用”）；
}
});
});
.SubmitButton{width:150px；}
.ButtonColor1{颜色：红色；}
：禁用{
边框：3倍纯色浅灰色；
颜色：灰色；
}
钮扣{
边框：3倍纯绿；
颜色：黑色；
}
按钮：悬停：禁用{
光标：不允许；
}
按钮：悬停{
光标：指针；
}

法拉利
法令
河流浅水处
点击我您可以使用
startsWith


$（文档）.ready（函数（）{
如果（$（“select.cars”）.val（）=“无”）{
$（.SubmitButton”）.attr（“禁用”、“禁用”）；
}
$（“select.cars”）.change（函数（）{
if（$（this.val（）.startsWith（“f”））{
$（“.SubmitButton”）.removeAttr（“已禁用”）；
$（“.SubmitButton”）.addClass（“按钮颜色1”）；
}
否则{
$（.SubmitButton”）.attr（“禁用”、“禁用”）；
}
});
});

法拉利
法令
河流浅水处
宝马
点击我
$（this）.val（）==[value^=“f”]
如果用户正在键入，您是否应该使用自动完成的文本框而不是下拉列表？尽管您甚至不需要属性选择器来完成您要做的事情
this.value[0]='f'
将告诉您它是否以小写字母f开头感谢您的帮助，但您的回答不起作用。我已经检查了邹代码，当您将例如“菲亚特”替换为“宝马”时，您可以单击按钮，但您不应该单击按钮。“bmw”以字符“b”而不是“f”开头，因此按钮应该被禁用，但它们没有被禁用。@学生-请参见编辑。因为前面的代码只处理了
none
和以
f
开头的值的两个条件。
$(document).ready(function() {
    if($("select.cars").val() == "none"){
        $(".SubmitButton").attr("disabled", "disabled");
      }
    $("select.cars").change(function(){
      if($(this).val() == [value^="f"]){
         $(".SubmitButton").removeAttr("disabled");
         $(".SubmitButton").addClass("ButtonColor1");  
      }
      else if($("select.cars").val() == "none"){
        $(".SubmitButton").attr("disabled", "disabled");
      }
    });
});

if($("select.cars :selected").text().indexOf("F") === 0){
           $(".SubmitButton").removeAttr("disabled");
           $(".SubmitButton").addClass("ButtonColor1");  

 }