我有一个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") });
});
答案 0 :(得分:0)
这有效:
$(function() {
$('#mailBox1').bind("change", function(e){ alert("hello") });
});