0

我有一个 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") });      
    });
4

1 回答 1

0

这有效：

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

http://jsfiddle.net/ej8Aa/

于 2012-09-18T15:56:30.663 回答