如何在onclick()时更改选择下拉框的选项?

时间:2013-09-24 01:38:31

标签: javascript jquery

这是我的小提琴 http://jsfiddle.net/nSHaA/4/

 Html Code:
<select class="selectMe" name="eye_color"   onChange="setCookie(this.name,this.selectedIndex)">
<option value="default"></option>
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
<option value="lemon">Lemon</option>
</select>

<a href="#" onClick="show()">Click me</a>

<body onLoad="setDefaultValues()">
<div id="default" class="group">
    Default Value
</div>

<div id="apple" class="group">
    Apple Value
</div>

<div id="banana" class="group">
    Banana Value
</div>

<div id="orange" class="group">
    Orange Value
</div>

<div id="lemon" class="group">
    Lemon Value
</div>
</body>

这里一切正常。但唯一的问题是当我点击Click me按钮时它会自动转到apple div,因为所选索引应该是apple。

1 个答案:

答案 0 :(得分:1)

DEMO

<a href="#" onClick="$('.selectMe').val('apple').change();">Click me</a>