Jquery从Json Data检测到几个选择元素的变化

时间:2012-09-18 15:54:31

标签: jquery html javascript-events

我有一个ajax查询,它会提取一些json数据并使用.append()为每个用户生成一行有几个选择元素这很有用。它生成的一个选择的示例如下:

    <select name="mailBox" id="mailBox1" class="mailbox">
      <option value="25">25 GB</option>
      <option value="50" selected="selected">50 GB</option>
      <option value="75">75 GB</option>
      <option value="100">100 GB</option>
      <option value="0">No Mail Box</option>
    </select>   

我想要做的是当用户更改所选值时我想做一个ajax帖子来更新数据库,但是我无法检测到更改请求

我试过这个:

$(function() {
    $('select').change(function(){
        // I have just stuck an alert in to show me if it has detected the change
    alert('hello');
    });
});

我也尝试使用$('。mailbox')并直接引用id $('#mailBox1')并且无法检测到任何更改。如果选择框是静态html

,代码可以正常工作

编辑*完整的Jquery代码:

    $(function() {
          var csrf = $('[name="csrf_test_name"]').val();
           $.ajax({                                      
                  url: '/index.php/ajax/getCompanyUsers', data: {csrf_test_name: csrf}, dataType: 'json',  success: function(data)        
                  {
                    for (var i in data)
                    {

                        var email = data[i].email;
                        var files = data[i].file;

                        var emailForm = '<select name="mailBox" id="mailBox' + paramID + '" class="mailbox"><option value="25">25 GB</option><option value="50">50 GB</option><option value="75">75 GB</option><option value="100">100 GB</option><option value="0">No Mail Box</option></select>  ';
                        var filesForm = '<select name="fileStorage" id="fileStorage' + paramID + '" class="filestorage"><option value="25">25 GB</option><option value="50">50 GB</option><option value="75">75 GB</option><option value="100">100 GB</option><option value="0">No File Storage</option></select>';

                      $('#wrapper').append('<div class="company-users-email">' + emailForm + '</div>' + '<div class="company-users-filestorage">' + filesForm + '</div>');

                     $("#mailBox" + paramID + " option[value='" + email + "']").attr("selected","selected");
                     $("#fileStorage" + paramID + " option[value='" + files + "']").attr("selected","selected");

                    } 
                  } 
                });

              $('.mailbox').bind("change", function(e){ alert("hello") });      
    });

1 个答案:

答案 0 :(得分:0)

这有效:

$(function() {
    $('#mailBox1').bind("change", function(e){ alert("hello") });
});

http://jsfiddle.net/ej8Aa/