当我单击一个选项时，如何使该选项在 JQUery 中选中？

Question

你好， 我有一个选择下拉菜单，例如

   <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 发生更改并向 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);



    }


}