使用$（this）对象获取DropDownList的选定项目

Question

如何使用$（this）获取DropDownList的选定项目？

我在网页中有两个DropDownLists。我想获取选定的项目名称。我尝试了3种方法，每种都有不同的结果。

1. 该方法显示“第一列表”中的选定项目以及“第二列表”中的选定项目。我想这是因为选择器不符合ID。

2. 该方法给出了正确的结果。使用$（this）而不是ID可以达到相同的结果吗？我猜这个对象将指向html元素。

3. 此方法没有给出结果

   $（文件）。就绪（ 函数（） { $（ '＃IdServerType'）结合（ “变化”，LoadX）; } ）;

。

function LoadX() 
{ 
    var str = ""; 

    ///// 1 
    str = $("select option:selected").text(); 
    console.log('menu clicked: ' + str); 

    ///// 2 
    str = $("#IdServerType option:selected").text(); 
    console.log('menu clicked: ' + str); 

    ///// 3 
    str = $("this option:selected").text(); //3 
    console.log('menu clicked: ' + str); 
} 

请注意我想保持事件注册和事件处理程序分开;有助于代码维护。

Answer 1

您可以使用$(this)和children()来获取所选的option元素。

str = $(this).children("option:selected").text(); 

children('option:selected')将选择从select元件所选option。