如何使用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：什么是elem在这个dataEvents选项？

Answer 1

因为参数是jQuery Event object，所以通常使用名称event或e作为参数fn函数的名称。如果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()); 
}