Когда я нажимаю на опцию, как сделать эту опцию, выбранную в 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

со следующим 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());
    });
});

Например, когда вы нажимаете «Личная форма», вы увидите окно с предупреждением «Личная форма».

Вы можете изменить $(this).val() на $(this).attr('id'), если хотите, чтобы при выборе опции «Персональная форма» всплыло «25».

Answer 2

$("#listForms option:selected");

получит выбранную опцию.

Answer 3

Здесь приведен мой фрагмент кода. Проблема, с которой я столкнулся, заключается в том, что после того, как я выбрал опцию, а 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);



    }


}

Answer 4

Я предполагаю, что вы хотите 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 5

Может быть, это то, что вам нужно: 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>