在IE6-7中将$(this)与live/delegate结合使用？
在IE6-7中将$(this)与live/delegate结合使用？
提问于 2011-08-10 05:00:25
在IE6/IE7中查看时，我似乎无法从动态创建的select选项中获得值。IE总是返回undefined作为值。
我有一个设置a fiddle，下面是一个例子的完整源代码(如果你试图在IE6/7 ...heh中使用fiddle )：
<!doctype html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
var json = "blah blah blah";
jQuery(document).ready(function(){
$('#myForm').html('<select id="sg-1" class="setgroup" name="sg-1"><option value="s-1">Something</option><option value="s-2">Another</option><option value="s-3">Third</option><option value="s-4">Fourth</option></select>');
$('.setgroup').live('change',function(){
updateSelected($(this + ':selected').val(), json);
});
});
function updateSelected(value, json){
//do some stuff with the json in my app
$('#selected').html(value + ' was selected');
}
</script>
</head>
<body>
<form id="myForm">
</form>
<p id="selected" style="font-size:20px; color:#f00;"></p>
</body>
</html>示例使用live()，但是我也尝试了使用.delegate()的变体。这两种方法都适用于除IE6/7以外的所有浏览器。我也尝试过使用click作为事件。有什么想法吗？
我还尝试了here提供的解决方案。问题似乎在于$(this)没有被正确解释，就好像我在live/change/ properly中放置了一个警报，它将被正确地触发。
回答 5
Stack Overflow用户
发布于 2011-08-10 05:03:42
使用：
$('.setgroup').live('change',function(){
updateSelected($(this).val(), json);
});Stack Overflow用户
发布于 2011-08-10 05:05:19
尝尝这个
$('.setgroup').live('change',function(){
updateSelected($(this).val(), json);
});Stack Overflow用户
发布于 2011-08-10 05:08:14
您的选择器中存在错误。您正在尝试将元素引用与字符串连接在一起。这不会给你一个有效的选择器。要更正它，您可以选择以下两种方法之一：
$(":selected", this)或者：
$(this).find(":selected")但是，比起这两个选项中的任何一个，直接在select上使用.val()：
$(this).val()页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7002920
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号