在前端開發中,我們經常需要通過下拉框來選擇一些選項。而有時候,這些選項是從后端動態獲取的,需要使用jQuery來動態賦值下拉框。
<select id="selectId"></select>
首先,在HTML中創建一個空的select標簽,用來存放動態獲取的選項。
$.ajax({ url: '/getOptionList', type: 'GET', dataType: 'json', success: function(data){ $.each(data, function(index, item){ $('#selectId').append($('
使用jQuery的ajax方法,向后端發送請求獲取選項列表。此處假設后端返回的數據格式為JSON。獲得數據后,我們通過each()方法遍歷數據,并將每一個選項動態添加到select標簽中。
<select id="selectId"> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> <option value="4">選項4</option> </select>
最后,我們可以得到一個動態賦值的下拉框,其中選項是從后端獲取的。