?? ??? ?? ?? ??? jQuery ?? ??? JavaScript? ???? ??? ? ? ????. jQuery? ???? jQuery ?????????? ?? ?? ??? ???????. $ (function () {$ ( '#dropdown'). on ( 'show.bs.dropdown', function () {// ??? ??? ???});}); ??? JavaScript? ???? ?? ?? ?? ??? ?? ?? ??? ???? ??????? : const dropdown = document.getElementById ( 'DropDown'); ?? ??

?? ???? ???? ?? ?? ??? ????? ??

?? ???? ?? ?? ??? ???? ?? ???? ?? ??? ??? ??? ??? ?? ?????. ?? ?? ??? ?????? jQuery ?? Pure JavaScript? ?? JavaScript ??? ??? ??? ? ????.

jQuery ??

1. jQuery ????????????

jQuery ?????? ? ???????? ??? ??????.

2. ?? ?? ??? ????

 <code class="javascript">$(function() { $('#dropdown').on('show.bs.dropdown', function() { // 綁定事件處理程序}); });</code>

??? ?? ???? ??

1. ?? ?? ?? ??? ?????

 <code class="javascript">const dropdown = document.getElementById('dropdown');</code>

2. ??? ??? ???

 <code class="javascript">dropdown.addEventListener('show.bs.dropdown', function(event) { // 綁定事件處理程序});</code>

??? ??? ???

?? ?? ??? ???? ??? ???? ?????. ???? ??? ??? ??? ? ????.

• ???? ???????? ?? ?? ?? ??? ?????
• ??? ??? ??????
• ??? ??? ?????

?

 <code class="javascript">$('#dropdown').on('show.bs.dropdown', function() { // 使用AJAX 加載數(shù)據(jù)$.ajax({ url: 'data.json', success: function(data) { // 填充下拉框選項(xiàng)$.each(data, function(index, value) { $('#dropdown').append($('<option>').val(value).text(value)); }); } }); });</option></code>

? ??? ???? ?? ???? ???? ?? ?? ??? ????? ??? ?? ??? ??? ?? ? ? ????.

? ??? ?? ??? ???? ????? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!