下拉框及其元素使用包含警报框的按钮

Drop down box and its elements using buttons which contains an alert box

本文关键字：包含警 按钮 元素      更新时间：2023-11-26
function populateWidgets(dashboardname){
$("#widgets").empty();
var widgets=dashboard[dashboardname];
for(var i=0; i< widgets.length ; i++){
$("#widgets").append('<li><button class="widgetbutton"><span><font color="blue"><font size=2px><b>'+widgets[i]+'</b></font></font></span></button></li>');
}
function buttonOnclick(e){
console.log();
var new_dashboard={
dashboard_selected: dashboardname,
widget_selected: e.currentTarget.innerText
}
postdata(new_dashboard); 
}
$('button').click(buttonOnclick);
}
function postdata(new_dashboard){
$.post( "/geckoapi", new_dashboard).done(function(dashboardname) {
alert( "Dashboard and Widget Loaded: " + dashboardname);
});
}

这是我代码中的一部分，用于制作包含单击的仪表板和小部件的警报框。我想知道在警报按钮上我们只给出仪表板名称(功能(，但在警报框中我们得到仪表板名称和小部件名称。怎么可能？

这是它的工作原理，

此语句返回所选仪表板的小组件。

var widgets=dashboard[dashboardname];

在这里，我们添加按钮，其中包含小部件名称。

$("#widgets").append('<li><button class="widgetbutton"><span><font color="blue"><font size=2px><b>'+ widgets[i] +'</b></font></font></span></button></li>');

在下面的事件处理程序中，我们得到 仪表板名称 ，这是 populateWidgets 函数中的参数和小部件名称，位于单击的按钮本身中。

function buttonOnclick(e){
  console.log();
  var new_dashboard={
    dashboard_selected: dashboardname,
    widget_selected: e.currentTarget.innerText
  }
  postdata(new_dashboard); 
}
相关文章：