2011-12-21 75 views
1

如何更改下拉列表的默認選定值。我想把默認值賣給暢銷品,而不是價格從低到高。更改下拉列表中的默認選定值

代碼:

<select name="ddlSort" id="ddlSort" onchange="javascript:callSortOrder()" class="dropdown" gtbfieldid="2"> 
    <option selected="selected" value="">Price low to high</option> 
    <option value="1">Price high to low</option> 
    <option value="2">Best seller</option> 
    <option value="3">Highest rating</option> 
</select> 
+0

你想改變它的HTML或JavaScript的改變呢? – 2011-12-21 18:57:58

+0

''然後從「價格低到高」中刪除所選屬性 – 2011-12-21 18:58:41

+0

我想用jquery/javascript更改它 – Noname 2011-12-21 19:05:58

回答

1

只要把selected="selected"你想要的option,並從其他選項中刪除。

所以,你的情況

<select name="ddlSort" id="ddlSort" onchange="javascript:callSortOrder()" class="dropdown" gtbfieldid="2"> 
    <option value="">Price low to high</option> 
    <option value="1">Price high to low</option> 
    <option selected="selected" value="2">Best seller</option> 
    <option value="3">Highest rating</option> 
</select> 
+0

我不能改變那裏的代碼已經。我需要在JavaScript/jQuery中做。 – Noname 2011-12-21 19:07:29

+0

如果通過jquery,執行'$(「#ddlSort」).val('2);'就像其他答案一樣。 – Indranil 2011-12-21 19:08:44

1

使用下面的標記。 selected="selected"屬性告訴瀏覽器選擇該選項。

<select name="ddlSort" id="ddlSort" onchange="javascript:callSortOrder()" class="dropdown" gtbfieldid="2"> 
    <option value="">Price low to high</option> 
    <option value="1">Price high to low</option> 
    <option selected="selected" value="2">Best seller</option> 
    <option value="3">Highest rating</option> 
</select> 

如果你想這樣做編程方式使用jQuery試試這個

$("#ddlSort").val('2'); 
+0

其下拉式改變的值,但不改變該值的文本。 – Noname 2011-12-21 19:43:28

+0

它將在下拉列表中選擇值爲'2'的選項。你究竟想要什麼? – ShankarSangoli 2011-12-21 20:47:43

+0

它在下拉列表中選擇選項2,但顯示第一個選項(價格從低到高)文本向下。我的意思是不顯示最佳賣家文本。 – Noname 2011-12-21 20:54:13