将点击事件设置为“点击”;“响应性”;javascript中的下拉项
我有一个maven项目,通过数据库中的spark get调用获取用户:将点击事件设置为“点击”;“响应性”;javascript中的下拉项,javascript,html,maven,click,Javascript,Html,Maven,Click,我有一个maven项目,通过数据库中的spark get调用获取用户: function allUsers(){ $.ajax({ dataType: 'json', //to parse string into JSON object type: 'GET', url: 'webAthen/api/users', success: function (data){
function allUsers(){
$.ajax({
dataType: 'json', //to parse string into JSON object
type: 'GET',
url: 'webAthen/api/users',
success: function (data){
$('.userDropdown').html("");
for(i=0; i < data.length; i++){
$('.userDropdown').append("<option>" + data[i].userName + "</option>");
}
}
});
}
我插入了警报以获得一个带有所单击用户名的警报,但它根本不起作用。如果您需要进一步的代码,请告诉我!我已经在谷歌上找到了一些具有坚定价值观的例子。但是我的下拉条目是从数据库中动态生成的
在查看您的代码后,我感觉,
选项
标记是动态创建的。因此,新创建的选项/元素不受Click
listener的约束
$(document).on("click", ".userDropdown > option", function(){
// Your code...
});
上面的代码将首先侦听
文档的onClick
事件,然后将其缩小到目标元素。查看代码后,我觉得选项
标记是动态创建的。因此,新创建的选项/元素不受Click
listener的约束
$(document).on("click", ".userDropdown > option", function(){
// Your code...
});
上面的代码将首先侦听文档的onClick
事件,然后将其缩小到目标元素。为什么$('.userDropdown').val()?您是否能够为.dropdown
提供html标记。看起来您没有将值传递给您的选项。尝试以下操作:$('.userDropdown').append(“+data[i].userName+”)
Why$('.userDropdown').val()?是否能够为.dropdown
提供html标记。看起来您没有将值传递给您的选项。尝试以下操作:$('.userDropdown').append(“+data[i].userName+”)代码>也感谢您的解释-帮助很大!也谢谢你的解释-帮助很大!