使用通过元素事件处理程序传递的参数（this）

Question

我想在 JS 函数中使用我传递的参数 (this) 并将其视为 jQuery 变量。 示例：

<script>    
function useMe(obj){
  $(obj).val();
  ...
  ... 
  ...
}
</script>


<select id="selectid" onChange="useMe(this)">
    <option>......</option>
</select>

是否有可能将传递的参数视为 jQuery 元素？

顺便说一句。我需要这样做，因为选择元素不是在加载时创建的。稍后将异步创建选择元素。

所以，这行不通：

$("select").each(function (i){
    var select_id = $(this).attr("id");                
    $(this).change(function(e){  

因为它还不存在。

感谢您的帮助。

Answer 1

如果您的元素不是在加载时创建的，而是异步加载的，您可以像这样绑定更改事件：

$('select').live('change',function(){
  // ...
});

这会将定义的函数绑定到每个现有和每个新选择项上的更改事件。

更新：您至少需要 jQuery 1.4.1 来完成此操作

Answer 2

如果该元素在文档加载时不存在，则意味着稍后可能通过 AJAX 调用添加该元素。如果是这种情况，只需将change 句柄注册放在success 回调中。

$.ajax({
    url: '/somescript',
    success: function() {
        // some code that injects the select into the DOM
        // ...
        $("select").each(function(i) {
            var select_id = $(this).attr("id");                
            $(this).change(function(e) {
                // ...
            });
        });
    }
});

Answer 3

如果您确实选择坚持使用 onchange 属性（我不建议这样做），请使用：

<script>    
function useMe($obj){
  $obj.val();
  ...
  ... 
  ...
}
</script>

<select id="selectid" onChange="useMe($(this))">
    <option>......</option>
</select>