如何使用jquery从filterToolbar的下拉列表中获取选定的值

Question

我想根据 filterToolbar 中的选定值过滤网格。

这是我的网格

<sjg:gridColumn name="assigned_to"   index="assigned_user" key="assigned_user" title="Assigned To"   
            sortable="false"
            searchtype="select"
            searchoptions="{defaultSearch:'cn', dataUrl : '%{fillUser}', 
                           dataEvents: [{ type: 'change' fn: function(elem) { myfunction(elem)}}]}"/>

所以问题是

1: 如何从函数 myfunction(elem) 的下拉列表中获取所选值，该函数使用 dataEvents 触发。

2：这个dataEvents选项中的elem是什么？

Answer 1

通常使用名称event 或e 作为fn 函数的参数名称，因为参数是jQuery Event object。最重要的属性是 target，它将是 select 的 DOM 元素（参见 here）。因此，您可以使用selectedIndex 和options 属性来获取有关所选选项的信息：​​

fn: function (e) {
    var selectDOM = e.target,
        selectedOptionDOM = selectDOM.options[selectDOM.selectedIndex];

    alert("selected option has\n" +
        "text=" + selectedOptionDOM.text +
        "\nvalue=" + selectedOptionDOM.value);
}

或者，您可以使用 jQuery 来获取选定的选项。 $(e.target).val() 提供所选选项的值，$(e.target).find(":selected").text() 提供其文本：

fn: function (e) {
    var $select = $(e.target);

    alert("selected option has\n" +
        "text=" + $select.find(":selected").text() +
        "\nvalue=" + $select.val());
}