Javascript 如何从ajax加载的内容中检测select的更改
我知道.change()可以用来检测文档中的更改,但这似乎只有在加载时存在select元素时才起作用 我有一个页面,通过ajax调用许多select元素,我需要检测每个select元素的变化Javascript 如何从ajax加载的内容中检测select的更改,javascript,jquery,ajax,select,Javascript,Jquery,Ajax,Select,我知道.change()可以用来检测文档中的更改,但这似乎只有在加载时存在select元素时才起作用 我有一个页面,通过ajax调用许多select元素,我需要检测每个select元素的变化 有什么想法吗?通常的两种方法是: 将元素添加到页面后(从Ajax成功处理程序中或任何地方),使用适当的选择器调用.change() 设置附加到页面加载时确实存在的父元素或祖先元素的委派事件处理程序(文档,如果没有更接近的祖先) 以下是如何使用创建委托处理程序: 当更改事件冒泡到祖先元素时,jQuery自动测
有什么想法吗?通常的两种方法是:
.change()
文档
,如果没有更接近的祖先)当更改事件冒泡到祖先元素时,jQuery自动测试它是否起源于与第二个参数中的选择器匹配的元素,并且仅在匹配时调用处理函数。执行此操作的两种常用方法是:
.change()
文档
,如果没有更接近的祖先)当更改事件冒泡到祖先元素时,jQuery自动测试它是否起源于与第二个参数中的选择器匹配的元素,并且仅在匹配时调用处理函数。执行此操作的两种常用方法是:
.change()
文档
,如果没有更接近的祖先)当更改事件冒泡到祖先元素时,jQuery自动测试它是否起源于与第二个参数中的选择器匹配的元素,并且仅在匹配时调用处理函数。执行此操作的两种常用方法是:
.change()
文档
,如果没有更接近的祖先)当change事件冒泡到祖先元素时,jQuery自动测试它是否起源于与第二个参数中的选择器匹配的元素,并且仅在匹配时调用处理函数。一个好方法是将事件与特定选择器绑定
$(document).on('change', 'select', handlerFunction);
现在,事件处理程序绑定到
文档
,但只影响选择
元素。如果使用AJAX加载一些数据,处理程序将立即处理新的选择。一个好方法是使用特定的选择器绑定事件
$(document).on('change', 'select', handlerFunction);
现在,事件处理程序绑定到
文档
,但只影响选择
元素。如果使用AJAX加载一些数据,处理程序将立即处理新的选择。一个好方法是使用特定的选择器绑定事件
$(document).on('change', 'select', handlerFunction);
现在,事件处理程序绑定到
文档
,但只影响选择
元素。如果使用AJAX加载一些数据,处理程序将立即处理新的选择。一个好方法是使用特定的选择器绑定事件
$(document).on('change', 'select', handlerFunction);
现在,事件处理程序绑定到文档
,但只影响选择
元素。如果您使用AJAX加载一些数据,处理程序将立即处理新的选择。您可以这样做
在中选择
<select name="demo" id="demo" onchange="selectRequest('demo');">
无需提交$(document).ready()
这是工作代码
<html>
<head>
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
function selectRequest(id) // id of select
{
var selectVal = $(id).val(); // currently selected
alert(selectVal)
// rest do with the val
}
</script>
</head>
<body>
<select name="demo" id="demo" onchange="selectRequest(this);">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</body>
</html>
试验
函数selectRequest(id)//select的id
{
var selectVal=$(id).val();//当前选定
警报(选择VAL)
//剩下的就交给瓦尔吧
}
1.
2.
你可以这样做
在中选择
<select name="demo" id="demo" onchange="selectRequest('demo');">
无需提交$(document).ready()
这是工作代码
<html>
<head>
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
function selectRequest(id) // id of select
{
var selectVal = $(id).val(); // currently selected
alert(selectVal)
// rest do with the val
}
</script>
</head>
<body>
<select name="demo" id="demo" onchange="selectRequest(this);">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</body>
</html>
试验
函数selectRequest(id)//select的id
{
var selectVal=$(id).val();//当前选定
警报(选择VAL)
//剩下的就交给瓦尔吧
}
1.
2.
你可以这样做
在中选择
<select name="demo" id="demo" onchange="selectRequest('demo');">
无需提交$(document).ready()
这是工作代码
<html>
<head>
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
function selectRequest(id) // id of select
{
var selectVal = $(id).val(); // currently selected
alert(selectVal)
// rest do with the val
}
</script>
</head>
<body>
<select name="demo" id="demo" onchange="selectRequest(this);">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</body>
</html>
试验
函数selectRequest(id)//select的id
{
var selectVal=$(id).val();//当前选定
警报(选择VAL)
//剩下的就交给瓦尔吧
}
1.
2.
你可以这样做
在中选择
<select name="demo" id="demo" onchange="selectRequest('demo');">
无需提交$(document).ready()
这是工作代码
<html>
<head>
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
function selectRequest(id) // id of select
{
var selectVal = $(id).val(); // currently selected
alert(selectVal)
// rest do with the val
}
</script>
</head>
<body>
<select name="demo" id="demo" onchange="selectRequest(this);">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</body>
</html>
试验
函数selectRequest(id)//select的id
{
var selectVal=$(id).val();//当前选定
警报(选择VAL)
//剩下的就交给瓦尔吧
}
1.