1. 程式人生 > >bootstrap下拉框動態賦值

bootstrap下拉框動態賦值

以前一直使用easyui,發現越來越跟不上現在前端的一些技術,所以改用bootstrap,然後發現好多包括簡單的下拉賦值都不會了,這裡上網找了下,然後發現下面這個不錯,用上了,特此記錄一下

   <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 //下拉框序言的迴圈資料 + "</option>"; }); $("#addrole").append(h);//append 新增進去並展示 $("#addrole").on( "change", function
(a, b, c) {
$("#contentID").val( $("#addrole option:selected").val()); $("#contentName").val( $("#addrole option:selected").text()); }) } }); }
</script>

相關推薦

bootstrap動態

以前一直使用easyui,發現越來越跟不上現在前端的一些技術,所以改用bootstrap,然後發現好多包括簡單的下拉賦值都不會了,這裡上網找了下,然後發現下面這個不錯,用上了,特此記錄一下 <script type="text/javascript

使用ajax給頁面的多個動態

 一。前臺頁面 $.post("${ctx}/basedata/baseData.do?method=queryPlantUnitList",function(data){             var optionvalue=eval("("+data+")");

weui的與取(轉)

weui的下拉框的賦值與取值 2018年08月07日 10:35:32 夏天wx:a1024271896 閱讀數:700 標籤: weui下拉框 更多 個人分類: 技術類文章 版權宣告:著作權歸作者所有。商業轉載請聯絡作者獲得授

bootstrap模態動態, ajax非同步請求資料後給id為queryInfo的模態並彈出模態(JS)

//查詢單個 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : "POST",

點選文字彈出

實現下面效果  窗體:Form1: 一:窗體佈局:文字框一個或多個,下拉框一個,初始化隱藏,定義全域性變數 string click_value = ""; private void Form1_Load(object sender, EventArgs e) {

bootstrap-select 搜尋 獲取選中

<select id="id_reconciliationDate" class="selectpicker show-tick form-control" data-live-search="true" name="reconciliationDate" data-rul

EasyUI多選的取

 @RequestMapping("/getCodeList") public void getCodeList(HttpServletResponse resp){ ResUtil.res

jQuery選擇器----------jquery實現select的取,設定選中的方法大全

// 1.判斷select選項中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.opt

只顯示最初中的和json返回array的交集

sel .text json down emp tno append length drop 首先我們可以遍歷dropdown var array = new Array(); $("#select option").each(function(j){ array[j]=

layui 動態獲取數據

att 追加 div appendto blog 列表 index ast 下拉 $(function(){var grade=$("#grade");grade.append("一年級"); //添加下拉列表grade.append("二年級");grade.append

jquery及原生js獲取select選中的示例

有一id=test的下拉框,怎麼拿到選中的那個值呢?本文將採用javascript原生的方法及jquery方法(前提是已經載入了jquery庫)來簡單實現下 現在有一id=test的下拉框,怎麼拿到選中的那個值呢?  分別使用javascript原生的方法和jquery方法,程式碼

js獲取select中的

現在有一id為userType的下拉框,怎麼獲取選中的值: 1 使用者型別: 2 <select name="type" id="userType"> 3 <option value="0">請選擇</option> 4 <option v

selenium+ java —— 獲取選項的

關鍵程式碼: //切換frame driver.switchTo ( ).frame ( "i" ); //根據元素定位找到select標籤 Select level = new Select ( driver.findElemen

JQuery中使用select2外掛功能之自動完成動態載入匹配(本地資料與遠端資料結合)

前言 最近專案中遇到一個問題:前端載入頁面的時候某些頁面載入速度很慢,耗時很久;有些頁面載入的飛快;因為上面所說的頁面都是由同一個程式動態生成的,利用多執行緒同步機制完成不同的前端頁面;因此當時就斷定不是程式的大問題;應該是處理資料部分存在問題;在chrome瀏覽器一測;還真的是大資料的問題

easyui的combobox的裡面的

商品分類的下拉框的值是要實現的功能 頁面JSP: <th data-options="field:'goodsType',align:'center',width:80,formatter:formatterType">商品分類</th> 實現的前段JS程

Android進度條、自動提示動態資料載入

1.進度條實現 佈局檔案: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

selenium python選取中的

https://stackoverflow.com/questions/47689936/unable-to-scroll-and-select-desired-year-from-calender-in-webdriver-python Year1990 = driver.find_element_by_

C# Winform 獲得 選中的

string PrintName = cmbPrinter.SelectedIndex.ToString(); PrintName = cmbPrinter.SelectedItem.ToString(); // if (cmbPri

實現antd動態新增內容(與資料庫互動)

antd下拉控制元件的動態內容新增(與資料庫互動) antd這個框架給開發帶來了極大的方便,但同時,我認為還有一些不方便的地方:常用的邏輯在文件中沒有體現。需要前端開發經驗的人才能快速上手,而我剛剛接觸這個東西,antd基本將所有常用的控制元件全都封裝了,包括select下拉框,在以往的開發當中,我常常將下

關於HTML中select的取問題

<div> <select name="select-test" id="select-test"> <option value="1" >yi</option> <option value="2" >e