當我點擊一個選項如何使這個選項在JQUERY中選擇？

Question

HI， 我有一個選擇下拉像

<select id="listForms"> 
    <option value="Personal Form" id="25">Personal Form</option> 
    <option value="Employee Details Form" id="24">Employee Details Form</option> 
    <option value="Contact Form" id="45">Contact Form</option> 


    </select> 

當我點擊一個選項，如何使這一選項，如jQuery的選擇？

編輯：

我有

 $("#listForms option").click(function(){ 
     $("#listForms option").attr("selected",true); but not working 

    }); 

試了一下還如何找到其中的一個已經被選定以後？在JQuery中？請建議我..

Answer 1

也許這就是你需要：http://jgeewax.wordpress.com/2008/09/01/jquery-dropdown-fun/

編輯 - 與上述道具的網站：

這是最終的解決方案，他給：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("select.links").change(function() { 
      window.location = $(this).val(); 
     }); 
    }); 
</script> 

有了這個html代碼片段：

<select class="links"> 
    <option disabled="disabled" selected="selected">—</option> 
    <option value="http://www.google.com/">Google</option> 
    <option value="http://www.yahoo.com/">Yahoo</option> 
</select> 

Answer 2

$("#listForms option:selected"); 

將獲得選定的選項。 ？

Answer 3

我猜你想從選項vaule和id ...試試這個：

<select id="listForms"> 
<option value="">Select a Form</option> 
<option value="Personal Form" id="25">Personal Form</option> 
<option value="Employee Details Form" id="24">Employee Details Form</option> 
<option value="Contact Form" id="45">Contact Form</option> 
</select> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#listForms").change(function() { 
    alert("Selected Option: id = " + $(this).find('option:selected').attr("id") + ", " + $(this).val()); 
}); 
}); 
</script> 

Answer 4

用下面的HTML

<select id="listForms"> 
    <option value="Personal Form" id="25">Personal Form</option> 
    <option value="Employee Details Form" id="24">Employee Details Form</option> 
    <option value="Contact Form" id="45">Contact Form</option> 
</select> 

以下的jQuery會告訴彈出一個與值警告框，您指定：

$(document).ready(function() { 
    $("select#listForms").change(function() { 
     alert($(this).val()); 
    }); 
}); 

例如，當您單擊「個人窗體」，你會看到那個秒的警告窗口ays「個人形式」。

如果您希望在選擇「個人表單」選項時彈出「25」，則可以將$(this).val()更改爲$(this).attr('id')。

Answer 5

這是我的代碼片段這裏我遇到的問題是我選擇一個選項和頁面URL更改並附加一個值到URL我選擇的值沒有設置爲我選擇的內容，但返回到「select 「默認值。

<select id="Phones"> 

    <option value="Select">select</option> 
    <option value="Alcatel">Alcatel</option> 
    <option value="BlackBerry">BlackBerry</option> 
    <option value="HTC">HTC</option> 
    <option value="Huawei">Huawei</option> 
    <option value="LG">LG</option> 
    <option value="Motorola">Motorola</option> 
    <option value="Nokia">Nokia</option> 
    <option value="Samsung">Samsung</option> 
    <option value="Sony">Sony</option> 
</select> 


// Set the onchange event for the new dropdown 
$("#Phones").change(function() { checkSelected(); }); 

// Run the onchange event to perform any default actions necessary 
checkSelected(); 

function checkSelected() { 
    // You could use the value of the dropdown in another SPServices request 
    // here or just perform some other code 



    var m = $('#Phones').find("option:selected").val(); 
    if (m !== 'Select') 
    { 

    var url = "/m.aspx?m=" + m; 
    window.location = url; 
    alert(m); 



    } 


}