Question

jquery 事件在不同浏览器对于事件不兼容怎么回事

求大神帮我看一下 循环出select里面的内容 获取点击的value值 但运行到这里 我测试alert一下获取的值 除了firefox 其他浏览器都不能输出$select_id的值 这是怎么回事？

Answer 1

遇到过相同问题，我觉得是浏览器的差异，表单元素在chrome ie firefox等浏览器里面对value的解析不大一样，有的用.val()能获取，有的则用 .text()能获取；
我是这样解决的：
var x=$(this).val();
if(x==""){
$select_id=$(this).text();

}else{
$select_id=$(this).val();
}

Answer 2

应该给select绑定change事件，没有给option绑定click事件的。

$(function() {
    $id = 'id';
    $parent_id = 'parent_id';
    $('select').val($id).bind('change', function () {
        // click函数复制到这里
    });
});

追问

这样写是可以获取到值 但是在里面写的button提交 就无效了

追答

这里不需要监听select的change事件，button的click事件里获取值就可以了

button改button_new的地方也很奇怪，为什么要这样做呢？

$id 这个变量不是jquery对象，所以前面不用加$吧。

使用jquery的时候变量名前加$的习惯是为了区分jquery对象。

$obj = $('#id') // $obj存的是jquery对象

sId = 'id'; // sId存的是字符串

改了一下，试试下面的

$(function(){
  var id = <?php echo $_REQUEST['id'];?>;
  var parent_id = <?php echo $_REQUEST['parent_id']; ?>;
  $('select').val(id);
  $('#button').click(function () {
    name = $('#name').val();
    status = $('input[name="status"]:checked').val();
    select_id = $('select').val();
    if(name && status) {
      postdata(select_id, 1);
    }
  });
});

追问

不是  我先说一下我的需求啊  

修改页  我想通过点击触发所属城市找到value值  然后这时候再点击修改  ajax更新数据表  达到无刷新层级修改  id暂且没什么用 只是这条信息的id  改button_new是因为外面还有一个button 共用一个 改个名而已 先不考虑这个,我其实就想问如何在不改变现在这种循环体的情况下 用你建议的这种兼容方式拿到select选中值还能button提交

追答

感觉这样写也能满足这个需求。

你贴的代码好像只有select值变了之后还会绑定button的click事件。

追问

我看你的意思是 先不获取select的值 先执行button 然后把select的值在button 执行之后再获取并操作？ 可我还是不太明白你的$('select').val(id); 这句什么意思 把select内容修改成id这个元素的值？ id从上到下貌似跟其他的也没什么关联吧

追答

$("option[value="+$parent_id+"]").attr("selected", "true");
我是想顶替上面的，看错了。原来不是这个意思。

Answer 3

this在匿名作用域里 指向改变了

你试着

var that = this;
$(this).bind('click',function(){
// 这样写 看可以不
$seletc_id = $(that).val();
// 或者 $seletc_id = $(event.target).val();
})

追问

都试了 还是拿不到值

追答

IE、Chrome都不支持option的click事件
FF 和 OPERA支持

所以如果select 的change能做到的
最好还是绑change

追问

现在改成最上面那样了    别的浏览器是可以拿到值了    但是里面的button事件  就算改成change事件也不执行了  这个该怎么改呢

追答

把button的事件提出来

我看里面就用到了$select_id

那你可以换个思路

就是不要先取值 而是button事件触发时再取选中的到底是哪个

$('#button').click(function () {
   // 这里取
    select_id = $("option:checked").val();
   // 或者 $select_id = ("select").val();
    name = $('#name').val();
    status = $('input[name="status"]:checked').val();
    if(name && status) {
      postdata(select_id, 1);
    }
  });

Answer 4

您好:这个不是js的问题,是您jqeury选择器的问题.$("option[value='']").attr()这句.属性选择器在浏览器中有兼容性问题.建议换一个写法,不要用属性选择器.

Answer 5

我想说，你click的不是一个input吧，你把.val()改成.text()看看？啊呀，采纳的和我的一样的啦，我的被无视了~