检测是否从值中选择了特定选项

时间:2017-11-21 22:26:23

标签: javascript jquery html css

我有这个选择下拉列表。我想检查是否选择了任何选项(vendor/然后执行某些操作)。

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

如何做到这一点?

1 个答案:

答案 0 :(得分:1)

您需要在选择中添加eventlistner,然后查看所选选项是否为studieretning-1参见代码段

$( 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>

相关问题