快捷導(dǎo)航

bootstrap下拉框動(dòng)態(tài)賦值方法

更新時(shí)間：2018年08月10日 08:56:50 作者：HHXXTTU

今天小編就為大家分享一篇bootstrap下拉框動(dòng)態(tài)賦值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

以前一直使用easyui，發(fā)現(xiàn)越來(lái)越跟不上現(xiàn)在前端的一些技術(shù)，所以改用bootstrap，然后發(fā)現(xiàn)好多包括簡(jiǎn)單的下拉賦值都不會(huì)了，這里上網(wǎng)找了下，然后發(fā)現(xiàn)下面這個(gè)不錯(cuò)，用上了，特此記錄一下

 <script type="text/javascript">
 /** 
  */ 

  window.onload = function () {
   showsmsselect(); 
  }

  function showsmsselect() { 
   $.ajax({ 
    url : "${pageContext.request.contextPath}/user/finduserRealName.do", //所需要的列表接口地址 
    type : "get", 
    dataType : "json", 
    success : function(result) { 
      var h = ""; 
      $.each(result, function(key, value) {

       h += "<option value='" + value.id + "'>" + value.realname //下拉框序言的循環(huán)數(shù)據(jù)
       + "</option>"; 
      }); 
      $("#addrole").append(h);//append 添加進(jìn)去并展示 
      $("#addrole").on( 
        "change", 
        function(a, b, c) { 
         $("#contentID").val( 
           $("#addrole option:selected").val());

         $("#contentName").val( 
           $("#addrole option:selected").text());

        }) 
    } 
   }); 
  } 

 </script>

以上這篇bootstrap下拉框動(dòng)態(tài)賦值方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

D3.js實(shí)現(xiàn)繪制折線(xiàn)圖的教程詳解
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)D3.js實(shí)現(xiàn)繪制折線(xiàn)圖，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)D3.js有一定的幫助，需要的可以參考一下
2022-11-11
JS中setInterval、setTimeout不能傳遞帶參數(shù)的函數(shù)的解決方案
在JS中無(wú)論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時(shí)都不能帶參數(shù)，而在許多場(chǎng)合必須要帶參數(shù)，接下來(lái)為大家介紹具體的解決方法
2013-04-04
JavaScript中?this?的綁定指向規(guī)則
這篇文章主要介紹了JavaScript中?this?的綁定指向規(guī)則，this的指向問(wèn)題存在各種各樣的，關(guān)于如何綁定指向，下面文章作簡(jiǎn)單介紹需要的小伙伴可以參考一下
2022-06-06
js實(shí)現(xiàn)有時(shí)間限制消失的圖片方法
這篇文章主要介紹了js實(shí)現(xiàn)有時(shí)間限制消失的圖片方法,實(shí)例分析了javascript操作setTimeout及圖片特效操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
Bootstrap CSS布局之表單
這篇文章主要介為大家詳細(xì)紹了Bootstrap CSS布局之表單的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JS數(shù)據(jù)結(jié)構(gòu)之隊(duì)列結(jié)構(gòu)詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法中的隊(duì)列結(jié)構(gòu)，文中通過(guò)簡(jiǎn)單的示例介紹了隊(duì)列結(jié)構(gòu)的原理與實(shí)現(xiàn)，需要的可以參考一下
2022-11-11
JavaScript模擬實(shí)現(xiàn)Promise功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript如何模擬實(shí)現(xiàn)Promise功能，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下
2022-12-12
JavaScript實(shí)現(xiàn)身份證驗(yàn)證代碼實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)身法證驗(yàn)證代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
淺談js多維數(shù)組和hash數(shù)組定義和使用
下面小編就為大家?guī)?lái)一篇淺談js多維數(shù)組和hash數(shù)組定義和使用。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
JS實(shí)現(xiàn)黑客帝國(guó)文字下落效果
看過(guò)黑客帝國(guó)的朋友或許都對(duì)開(kāi)頭的字幕效果很熟悉，自從影片播放以來(lái)，網(wǎng)頁(yè)設(shè)計(jì)者有不少都在模仿這種文字下落的效果，而且還有文字漸變效果，對(duì)我們學(xué)習(xí)研究JS還是挺有幫助的哦，下面跟著小編一起學(xué)習(xí)JS 黑客帝國(guó)文字下落效果吧
2015-09-09