我想在下拉菜单中显示数据库中的所有表列表,并允许用户选择表名。当用户选择表名时,我想显示所有数据。 html文件是这样的
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$.ajax({url:"home.php?id=1",
success:function(result){
$("#div1").html(result);
}});
$("#dropdown").change(function(){
alert("list item selected");
$.ajax({url:"home.php?id=2&tablename="+tableForm.tableLists.value,
success:function(result){
$("#div2").html(result);
}});
});
});
</script>
</head>
<body>
<button value="add" >
<form name="tableForm">
<div id="div1"></div>
</form>
</button>
<br><hr>
<div id="div2"></div>
</body>
此页面运行正常,并显示属于数据库的所有表名称的列表。但是当我从下拉列表中选择一个值时,它甚至不会提醒 “已选择列表项” 消息。怎么做才能让它发挥作用??
这是下拉列表的图片
最佳答案
看起来下拉框是动态加载到页面中的,所以你必须使用 .on()
将函数绑定(bind)到动态添加的元素:
$(document).on('change', '#dropdown', function(){
console.log("list item selected");
// do whatever here
});
关于php - onchange事件在使用jquery从另一个php页面添加的下拉菜单中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13527409/