Javascript 选择具有给定值的选项
我试图根据值从选择列表中选择特定选项,我有以下标记:Javascript 选择具有给定值的选项,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我试图根据值从选择列表中选择特定选项,我有以下标记: <select name="class" id="class"> <option value="1">679460ED-0B15-4ED9-B3C8-A8C276DF1C82</option> <option value="2">B99BF873-7DF0-4E7F-95FF-3F1FD1A26139</option> <option value="3"
<select name="class" id="class">
<option value="1">679460ED-0B15-4ED9-B3C8-A8C276DF1C82</option>
<option value="2">B99BF873-7DF0-4E7F-95FF-3F1FD1A26139</option>
<option value="3">1DCD5AD7-F57C-414</option>
<option value="4">6B0170AA-F044-4F9C-8BB8-31A51E452CE4</option>
<option value="5">C6A8B</option>
<option value="6">1BBD6FA4-335A-4D8F-8681-DFED317B8052</option>
<option value="7">727D71AB-F7D1-4B83-9D6D-6BEEAAB</option>
<option value="8">BC4DE8A2-C864-4C7C-B83C-EE2450AF11B1</option>
<option value="9">AIR CONDITIONING SYSTEM</option>
<option value="10">POWER GENERATION SYSTEM</option>
</select>
<script>
selectThisValue('#class',3);
</script>
控制台日志的结果如下所示:
3
[prevObject: i.fn.i.init[1], context: document, selector: "#class option[value=3]", jquery: "1.10.2", constructor: function…]
但这不起作用,没有给出错误,但也没有发生任何事情。请帮助确定我错在哪里。这将是解决您问题的更好方法,因为您已经在使用jQuery:
$("#class")[0].selectedIndex = 0 //or whichever index you want selected
简单:
$('#class').val('3');
或者使用选项的索引(如果您知道):
只需调用
$.val()
,即可设置所选选项
工作示例:函数调用放在哪里?函数是否在javascript加载后立即运行?在本例中,您需要查看$(document.ready();功能。基本上javascript在select元素存在之前运行。因为我真的不知道如何用谷歌搜索它:你能告诉我这个
@value[4]
表达式做什么吗?试试.prop('selected',true)
而不是。attr()
@value[4]
只是MVC Razor的语法,反正我现在已经删除了它。
$('#class').val('3');
$('#class').prop('selectedIndex', 2);
$("#class").val(3);