1. 程式人生 > >bootstrap動態呼叫select下拉框

bootstrap動態呼叫select下拉框

html程式碼:
             <label for="classify" class="col-sm-2 control-label">填報部門:</label>
		 <div class="col-sm-3">
			 <select class="selectpicker form-control" data-live-search="true" name="addid" id="addid">
			 </select>
	       </div>
 JS程式碼:
/*獲取下拉選單*/
function showSel(){
$.ajax({  
        "type" : 'get',  
        "url": 地址,
        "dataType" : "json",  
        "success" : function(data) {  
var depart_list = data.data;
var opts = "";
for( var depart_index = 0 ; depart_index < depart_list.length; depart_index++ ){
var depart = depart_list[depart_index];
opts += "<option value='"+需要加的.id+"'>"+顯示的名稱.name+"</option>";
}
// 查詢介面
$("#addid
").append(opts);   $("#addid").selectpicker("refresh"); }   });   }
這樣就可以了

相關推薦

bootstrap動態呼叫select

html程式碼: <label for="classify" class="col-sm-2 control-label">填報部門:</label>

使用ajax動態載入select

本例子只是模擬一個動態獲取select值的過程,資料從xml獲取,當然你也可以從servlet、struts的action獲取,不多說看程式碼 1、student.xml <?xml version="1.0" encoding="UTF-8"?> <stu

jquery實現動態載入select

如題,直接上程式碼,實戰學習。 <head><title>jquery實現動態載入select下拉選項</title> <script type="text/javascript"> function init(){ m

bootstrap-select模糊搜尋和動態繫結資料

前言 今天做專案的時候,需要對下拉框做一個模糊搜尋,就想到了bootstrap-select外掛, 在運用中遇到的問題進行總結下。 引入 引入bootstrap和bootstrap-select檔案 <link rel="stylesheet

基於bootstrap selectpicker ,實現select模糊查詢功能

sele TP 選擇器 art 基於 i++ 同時 html .html 1、html代碼塊 需要引入bootstrap的css js jquery bootstrap.css bootstrap-select.min.css jquery-

bootstrap select 沒選擇

itl boot span att 解決 時也 tle spa sele 情況:根據取得的值去選定select下拉框的選項。但不知為何每次根據select的id傳遞值過去了,也能取得對應的值,但是頁面上的select依然是下拉框第一個選項,但點擊下拉框時,會在對應的值有特殊

bootstrap-select 控制元件

其是bootstrap下的控制元件,所以要引入bootstrap相關css與js以及jquery,並引入自己的 <link rel="stylesheet" href="{% static 'yd/bootstrap-select.min.css' %}">

js控制select--動態隱藏,展示option

如上圖,下拉框中有六個option,如果想隱藏option我們該怎麼辦呢?(先拿chosen多選做示範)只需要使用js找到對應的option,然後新增上 style->display:none即可//遍歷所有option,加上display屬性 $('#form-fi

純css實現select並排顯示

code 同時 eight spl one 背景色 不起作用 表單 lang <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l

模擬select之多選(數據源采用模擬Ajax數據--原創)

bbb n) nowrap pac inner sel cte spl innerhtml 最近需要一個下拉多選,本來想偷懶的,所以在網上百度了一番,最終還是發現沒有一個符合自己要求的,所以我自己寫了一個插件。下面是GIF動態效果圖展示 相信大家已經看到效果了,接下來

4種方法獲取select標簽中的值

定位 tag name () 節點 通過 ext col path 選中下拉框中“上海” 代碼如下:<select id="province" class="select" name="province"> <option value="0">請選擇

Web前端:如何實現選擇select選中跳轉其他頁面

option chang 前端 實現 cati onchange 下拉框選中 b- class <select onchange="window.location=this.value;"><option value="a.html">用戶管理<

Javascript獲取select選中的的值

title nbsp span htm .text 下拉框 dex alert tle Javascript獲取select下拉框選中的的值 現在有一id=test的下拉框,怎麽拿到選中的那個值呢? 分別使用javascript原生的方法和jquery方法 <sel

JS獲取select選中的value或者其name

text single nbsp -s 舉例 sta c-s jquer hid 舉例: <select class="js-example-basic-single js-states" style="width: 300px" name="hid" id="hi

jquery select和 easy-ui combox 選定指定項區別

strong value data har eas mit arp 下拉框 表單 jquey select <select id="gender" name="sex11" >//不能加easy-ui標記 <option value="

ajax 遍歷select

bsp erro string rip sig not context () cati html :<select id="type" > </select> js代碼: <script type="text/javascript">

jquery 根據後臺傳過來的值動態設置、單選選中

url selected ros info fun cte blog font function jquery 根據後臺傳過來的值動態設置下拉框、單選框選中 1 $(function(){ 2 var sex=$("#sex").val(); 3

jquery操作select的多種方法(選中,取值,賦值等

console 多選框 bus move dso rul 調用 define @value http://wenku.baidu.com/link?url=9N4HzvSx12pi4naZfs-Cf7P6MPteTuOoINlfInCJJPr1Tx2QtW7iY_7J_g0

點擊select獲取option的屬性值

添加 對象 logs 調用 wid cti 渲染 pre con select下拉框作為前端開發者應該是經常使用的,最近在項目中遇到這樣的情況,點擊下拉框選項,需要獲取所點擊的option的屬性值,當時想很簡單啊,給option加一個點擊事件不就行了,然後就加了一下,結果一

select 的樣式改變

eat web chrome scroll ans 事情 png ng- 樣式 最近在做地圖遇到一個很有意思的事情,就是select下拉框的樣式改變 /*第一種,改變下拉框樣式*/ select { /*Chrome和Firefox裏面的邊框是不一樣的,所以復寫了一下*