2013-02-07 124 views
2

HTML代码:
如何通过javascript或jquery来选择默认显示选项?

<select> 
    <br> 
    <option>1</option><br> 
    <option>2</option><br> 
</select> 

此选择将默认显示第一选项项目(显示1)。
现在我想改变选择的jQuery当DOM就绪显示的第二个项目,但我试了几次,之后的所有failed.The是我的尝试:

  1. $(“选择”)丙(。 'selectIndex',1); ('option')。eq(1).attr('selected','selected');
  2. $('option')。eq(1).prop('selected',true);
  3. 组默认选择的风格,以“显示:无”中的HTML代码,然后尝试上述三种方法,最后调用$(“选择”)显示()

也许,我只是设置DOM值。 ,不告诉浏览器刷新'select'。

你知道另一种方式来刷新默认显示选项吗?

+0

答案是对这个职位...... [如何tochange所选选项] [1] [1]:http://stackoverflow.com/questions/7373058/how-to-change-the-selected-option-of-html-select-element – schieben

+0

#1和#3为我工作 –

+0

答案在这里... http://stackoverflow.com/questions/7373058 /如何对变化的选择的选项-的-HTML-选择元素 – schieben

回答

1

你必须value期从select添加到您的选择。

<select> 
    <option value="1">First</option> 
    <option value="2">Second</option> 
</select> 

然后,只需设置值“2”。

$("select").val("2"); 

或者,您可以简单地设置第二个值从select

$("select").val(2); 

查看工作示例here

+0

它是有效的。非常感谢你! – PorcoRosso

+0

不客气。 –

0

这足以

$("select").val(2); 
0

我想你想在页面加载时选择选项2。

<select> 
    <option>1</option> 
    <option selected="selected">2</option> 
</select> 
相关问题