根据变量显示所选选项

时间:2012-11-23 19:49:45

标签: javascript jquery html

我是一个非常新手的程序员,他正在尝试实现我认为非常简单的东西,但是在搜索之后还没有找到解决方案。

现在我有一个名为 msg 的变量。 msg 是动态生成的,可以是2-999。

我有一个非常简单的选择:

<form method='post' class='myForm' action=''>
   <select name='locationSelect' class='locationSelect' data-param='location_IDNUMBER'>
        <option value='1'>Exam Room</option>
        <option value='2'>Exam Room 2</option>
        <option value='3'>X-Ray Room</option>
        <option value='1000'>Check Out</option>
   </select>
</form>

我的问题是:假设 msg 的值为 3 。如何显示值为3的选项,因此所选选项(在单击箭头之前首先显示的选项)是X-Ray Room?

我的代码(从更大的代码块中取出:

$e.find('.locationSelect').show();

如何将其修改为:

$e.find('.locationSelect':value=msg).show(); //this would show the .locationSelect with the selected value being the one with the id of 3, or whatever msg is

感谢您的帮助!如果您需要更多详细信息,请询问!

2 个答案:

答案 0 :(得分:5)

尝试

$e.find('.locationSelect').val(msg);

http://jsfiddle.net/mowglisanu/ktcgy/

答案 1 :(得分:1)

您可以使用$.fn.val(value)设置下拉列表的选定值。

请注意,如果您向$.fn.val传递下拉列表中不存在的值,则会选择第一个选项。