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

$("#listForms option:selected");

将获得所选的选项。

Answer 2

使用以下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());
    });
});

例如，当您点击“个人表单”时，您会看到一个显示“个人表单”的警告窗口。

如果您希望在选择“个人表单”选项时弹出“25”，则可以将$(this).val()更改为$(this).attr('id')。

Answer 3

也许这就是您所需要的：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 4

我猜你想要选项中的值和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 5

这是我在这里的代码片段我遇到的问题是在我选择一个选项并且页面网址更改并向URL附加值后，我选择的值未设置为我选择但返回“选择”默认值。

<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);



    }


}

当我点击一个选项如何在JQUery中选择该选项时？

5 个答案: