欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery+動態賦值select

錢瀠龍1年前8瀏覽0評論

在前端開發中,我們經常需要通過下拉框來選擇一些選項。而有時候,這些選項是從后端動態獲取的,需要使用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>

最后,我們可以得到一個動態賦值的下拉框,其中選項是從后端獲取的。