如何使用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：如何從使用dataEvents觸發的函數myfunction（elem）中的下拉列表中獲取所選值。

2：此dataEvents選項中的elem是什么？

Answer 1

一種通常使用name event或e作為fn函數的參數名稱，因為該參數是jQuery Event對象 。 最重要的是它的屬性，如果target將是select的DOM元素（請參閱此處 ）。 因此，您可以使用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());
}