欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過(guò)Ajax方式綁定select選項(xiàng)數(shù)據(jù)的實(shí)例

 更新時(shí)間:2018年08月14日 09:12:55   作者:Luoyger  
今天小編就為大家分享一篇通過(guò)Ajax方式綁定select選項(xiàng)數(shù)據(jù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

問(wèn)題描述

在編寫(xiě)Web頁(yè)面的時(shí)候常常需要在后端取出數(shù)據(jù)動(dòng)態(tài)放入select標(biāo)簽中,以供選擇。

解決辦法

在HTML代碼段中只需寫(xiě)入

<select id="select">
<option value="-1">--請(qǐng)選擇--</option>
</select>

在JavaScript代碼段中寫(xiě)入以下ajax取數(shù)據(jù)并綁定數(shù)據(jù)的過(guò)程

$.ajax({
 type : "post",
 url : "api/department/list", //此次url改為真正需要的url
 success : function(data, status) {
  $.each(data, function(index, item) {
   $("#select").append( //此處向select中循環(huán)綁定數(shù)據(jù)
 "<option value="+item.id+">" + item.name+ "</option>");
  });
 },
});

最后可通過(guò)javaScript語(yǔ)句document.getElementById("select").value獲取select標(biāo)簽中被選中的值。

以上這篇通過(guò)Ajax方式綁定select選項(xiàng)數(shù)據(jù)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 通過(guò)history解決ajax不支持前進(jìn)/后退/刷新的問(wèn)題

    通過(guò)history解決ajax不支持前進(jìn)/后退/刷新的問(wèn)題

    下面小編就為大家?guī)?lái)一篇通過(guò)history解決ajax不支持前進(jìn)/后退/刷新的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • 在Ajax中使用get和post所遇到的問(wèn)題及解決辦法

    在Ajax中使用get和post所遇到的問(wèn)題及解決辦法

    本文重點(diǎn)給大家介紹在ajax中使用get和post所遇到的問(wèn)題及解決辦法,及get請(qǐng)求和post請(qǐng)求的區(qū)別簡(jiǎn)單介紹,本文介紹的非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧
    2016-06-06
  • 揭開(kāi)AJAX神秘的面紗(AJAX個(gè)人學(xué)習(xí)筆記)

    揭開(kāi)AJAX神秘的面紗(AJAX個(gè)人學(xué)習(xí)筆記)

    寫(xiě)這個(gè)學(xué)習(xí)筆記,只是記載一下自己的學(xué)習(xí)經(jīng)過(guò)和體會(huì),把一些學(xué)習(xí)重點(diǎn)記錄下來(lái),以備今后的鞏固復(fù)習(xí)及應(yīng)用,很多知識(shí)點(diǎn)沒(méi)有詳細(xì)介紹,所以并不完全適用于初學(xué)者,如果你是初學(xué)者,最好選擇一本AJAX學(xué)習(xí)的書(shū)籍,然后與這篇學(xué)習(xí)筆記對(duì)照學(xué)習(xí),效果會(huì)更好。
    2009-09-09
  • IE8用ajax訪(fǎng)問(wèn)不能每次都刷新的問(wèn)題

    IE8用ajax訪(fǎng)問(wèn)不能每次都刷新的問(wèn)題

    這篇文章主要介紹了IE8用ajax訪(fǎng)問(wèn)不能每次都刷新的問(wèn)題 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-07-07
  • 聊一聊數(shù)據(jù)請(qǐng)求中Ajax、Fetch及Axios的區(qū)別

    聊一聊數(shù)據(jù)請(qǐng)求中Ajax、Fetch及Axios的區(qū)別

    axios、fetch和ajax的區(qū)別在網(wǎng)絡(luò)上存在很多文章,下面這篇文章也是給大家介紹了關(guān)于數(shù)據(jù)請(qǐng)求中Ajax、Fetch及Axios區(qū)別的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-02-02
  • js+ajax處理java后臺(tái)返回的json對(duì)象循環(huán)創(chuàng)建到表格的方法

    js+ajax處理java后臺(tái)返回的json對(duì)象循環(huán)創(chuàng)建到表格的方法

    這篇文章主要介紹了js+ajax處理java后臺(tái)返回的json對(duì)象循環(huán)創(chuàng)建到表格的方法,涉及javascript操作json對(duì)象動(dòng)態(tài)創(chuàng)建表格以及基于ajax與后臺(tái)交互的相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • 通過(guò)Ajax兩種方式講解Struts2接收數(shù)組表單的方法

    通過(guò)Ajax兩種方式講解Struts2接收數(shù)組表單的方法

    使用struts2表單傳值,可以傳一個(gè)或者是作為一個(gè)對(duì)象的各個(gè)屬性傳,都非常靈活便捷。但是如果我們需要傳一個(gè)數(shù)組并希望struts正確接收,該怎么處理呢?接下來(lái),通過(guò)本文給大家介紹通過(guò)Ajax兩種方式講解Struts2接收數(shù)組表單的方法,需要的朋友可以參考下
    2015-10-10
  • 使用Jquery+Ajax+Json如何實(shí)現(xiàn)分頁(yè)顯示附JAVA+JQuery實(shí)現(xiàn)異步分頁(yè)

    使用Jquery+Ajax+Json如何實(shí)現(xiàn)分頁(yè)顯示附JAVA+JQuery實(shí)現(xiàn)異步分頁(yè)

    本文給大家介紹基于jquery+ajax+json實(shí)現(xiàn)數(shù)據(jù)分頁(yè)顯示,以及JAVA+JQuery實(shí)現(xiàn)異步分頁(yè),本文代碼簡(jiǎn)單易懂,非常具有參考價(jià)值,感興趣的朋友一起學(xué)習(xí)吧
    2015-10-10
  • ECSHOP中實(shí)現(xiàn)ajax彈窗登錄功能

    ECSHOP中實(shí)現(xiàn)ajax彈窗登錄功能

    本文主要給大家介紹在ecshop中實(shí)現(xiàn)ajax彈窗登錄功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下
    2017-03-03
  • 無(wú)框架 Ajax分頁(yè)(原創(chuàng))

    無(wú)框架 Ajax分頁(yè)(原創(chuàng))

    最近想做一個(gè)Ajax的功能,網(wǎng)上一搜幾乎全是基于某某框架的Ajax分頁(yè),要么需給頁(yè)面加上<scriptManager></scriptManager>,要么需引入某dll,要么需使用類(lèi)似于jquery的框架。
    2009-08-08

最新評(píng)論