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

Posted 2023-03-05

【中文标题】检测是不是从值中选择了特定选项[重复]

【英文标题】：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 对象

【参考方案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>