检测是否从值中选择了特定选项[重复]答案

【问题标题】：Detect if an specific option is chosen from value [duplicate]检测是否从值中选择了特定选项[重复]
【发布时间】：2018-05-05 13:10:24
【问题描述】：

我有这个选择下拉菜单。我想检查是否选择了任何选项（是value=studieretning-1 然后做某事）。

            <select id="studieretninger" name="studieretninger">
    <option value="vælgstudieretning">Vælg din studieretning</option>
    <option class="studieretning-1" value="studieretning-1">Ma A - Fy B - Ke B</option>
    <option value="studieretning-2">Bt A - Ma A - Fy B</option>
    <option value="studieretning-3">Bi A - Ke B</option>
    <option value="studieretning-4">Sa A - Ma A</option>
</select>

我已经尝试过了，但没有成功，我相信是因为.val 不能有参数。

$( document ).ready(function() {
function validateDropdown()
{
    if ($("#studieretninger").val("studieretning-1"))
   {
       $(".mulighed-1").addClass("active");
       console.log(hey);
   }
}
});

如何做到这一点？

【问题讨论】：

嘿在哪里？ console.log(嘿);
$("#studieretninger").change(function() {$(this).val()==='studieretning-1'? console.log('do it') : 控制台.log('做其他事情');})
if ($("#studieretninger").val("studieretning-1")) 正在设置值并将返回一个真实的 jQuery 对象

标签： javascript jquery html css

【解决方案1】：

您需要在您的选择上添加eventlistner，然后查看所选选项是否为studieretning-1，参见代码 sn-p

$( document ).ready(function() {
$("#studieretninger").change(function () {
    if ($(this).val()=="studieretning-1")
   {
       $(".mulighed-1").addClass("active");
       console.log("hey");
   }
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select id="studieretninger" name="studieretninger">
    <option value="vælgstudieretning">Vælg din studieretning</option>
    <option class="studieretning-1" value="studieretning-1">Ma A - Fy B - Ke B</option>
    <option value="studieretning-2">Bt A - Ma A - Fy B</option>
    <option value="studieretning-3">Bi A - Ke B</option>
    <option value="studieretning-4">Sa A - Ma A</option>
</select>

【讨论】：