jQuery是一種非常強(qiáng)大的JavaScript庫(kù),可以使編寫(xiě)JavaScript代碼變得更加容易。下面我們將介紹如何使用jQuery來(lái)創(chuàng)建下拉框。
// 創(chuàng)建下拉框 var options = ["選項(xiàng)1", "選項(xiàng)2", "選項(xiàng)3"]; var select = $(""); for (var i = 0; i< options.length; i++) { var option = $("").text(options[i]); select.append(option); } $("body").append(select); // 下拉框選中事件 select.on("change", function() { var selectedOption = $(this).children("option:selected").val(); alert("你選擇了" + selectedOption); }); // 動(dòng)態(tài)添加選項(xiàng) $("button").click(function() { var newOption = $("").text("新選項(xiàng)"); select.append(newOption); });
以上代碼創(chuàng)建了一個(gè)簡(jiǎn)單的下拉框,同時(shí)也為其添加了一個(gè)選中事件和一個(gè)添加選項(xiàng)的按鈕。通過(guò)使用jQuery,我們可以輕松地創(chuàng)建和操作HTML元素。
上一篇mysql中sign
下一篇jquery 下拉加載