1. 程式人生 > >EasyUi的ComboBox(下拉列表框)

EasyUi的ComboBox(下拉列表框)

關於EasyUi的下拉框顯示值

       對於EasyUi下拉框顯示資料,相信很多大神都知道是怎麼回事,但是對於我們這樣剛入門的菜鳥來說,還是有問題的,在百度上面找了一下,沒找到具體的答案,現在發表一個比較簡單的方法,不入大家發眼,大家看了勿噴!!!

            <input>標籤建立下拉列表框

<input id="cc" class="easyui-combobox" name="dept"

            data-options="valueField:'資料庫對應的值',textField:'文字顯示的值',url:'get_data.php'" />


$(function(){

          $('#cc').combobox('select', '1');      //設定下拉框預設選中第一條資料

         var ccText = $("#cc").combobox("getText");      //獲得下拉框文字顯示的值

       var ccValue = $("#cc").combobox("getValue");      //獲得下拉框文字實際的值


});

再次做個筆記,小弟剛出道,大家勿噴,謝謝!!!

相關推薦

列表【安卓3】

pan activity border cin left 資源 pro 內容 1.0 Spinner(下拉列表框) 方法 描述 CharSequence getPrompt () 取得提示文字 void setPrompt(CharSeque

javascript 向列表select添加選項option

下拉 select cnblogs ntb rip cti 下拉列表框 nbsp span 1 var select= document.getElementById("selectid"); 2 var objOption = document.createElemen

省市區、民族列表

文字 tro -c 提示信息 ons ati doc nbsp 級聯 省市縣插件PCASClass.js的基本使用方法 <select id="Province" name="Province"></select> <select id="C

jq自定義多選列表

多選 img 插件 國家 http 分享 class 下拉 blog 多選選擇國家插件 https://gitee.com/richard1015/dropDownList jq自定義多選下拉列表框

Html頁面中select列表別樣用法,一個方法一勞永逸。

select 異步加載很多時候,我們寫from表單面,給select標簽賦值,都采用這種方式:1.MVC中設創建公共的分部視圖;2.直接在前臺面中,插入片段後臺代碼;今天我利用HTML5中的自定義屬性,結合JQ擴展方法,寫一個通用的JS方法,JS代碼如下: $.fn.SetSelect = funct

ExtJS4列表寬度自適應

/** * 獲取下拉列表框定義 */ getBoxTextEditor: function (box_text_store) { //定義了下拉列表框 var editor = new Ext

jqGrid-----顯示列表

1.jqGrid單元格必須是可編輯狀態。cellEdit : true $('#gridYosan').jqGrid({ data : dataList, datatype : "local", multiboxonly : true, cellEdit : true,

列表聯動事件 DropList

1.新增onchange事件。 $("#gyomuKbn").on("change", function(){ var currVal = this.value; gyomuKbnChange(currVal); }); 2.觸發被聯動DropList的change事件 fun

jqGrid----列表聯動,dataEvents回撥函式。

1.給單元格添onchange事件 例項: $('#gridYosan').setColProp('yosanka', {editoptions: { dataEvents:[{ type: 'change', fn: fun

可選擇和輸入的列表示例

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可選擇和輸入的下拉列表框</title&

小程式列表選單

小程式下拉列表框選單 <view class='top'> <view class='top-text'> 選擇班別</view> <!-- 下拉框 --> <view class='top-selected' bin

js解決列表互斥選項的問題

png hand 問題 列表框 下拉 inf 判斷 要去 發生 如圖不區分選項與其他選項是互斥的關系,當選擇了不區分時,其他選項就要去除,當有其他選項存在時,就不能有不區分 解決辦法:定義change事件,若列表發生改變,首先判斷點擊的是否是不區分,若是,則將其他選項剪切

java-Swing學習(單擊按鈕新增列表元素)

package test; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.FocusEvent; impor

wxpython自定義列表

自定義wxpython下拉列表框,支援修改邊框顏色,按鈕圖示的動態變換 原理同前兩片文章一樣,使用了兩個wx.staticText做邊框,一個文字框來顯示下拉列表的資料,和一個圖片按鈕,實現下拉的標誌,和一個自帶的列表框, 影藏該列表框,不要原來的樣式,這裡只需要使用它的展示列表的資料功能  

省市聯動——季度-月份列表——省市聯動類庫版

引入的jQuery類庫: city.min.js; jquery.cityselect.js; jquery-1.6.1.js原始碼: <html> <head> <me

省市聯動——季度-月份列表——jQuery版

引入jQuery類庫: jquery-1.6.1.js; 原始碼: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <

列表三級聯動

Web頁面實現三級聯動 最近專案裡面有一個功能需要使用三級聯動來實現,但是專案中又沒有很好的 demo 來實現這個功能,於是乎自己手敲了一個簡單的三級聯動的程式碼,記錄一下。時間倉促,程式碼中還有很多地方可以優化。 <div class="row"> <div class="c

表單測試-單選按鈕、複選列表、搜尋填充域驗證點

1.單選按鈕測試常見驗證點 單選按鈕常在註冊新使用者選擇性別處用到,單選按鈕測試常見驗證點如下: 1.一組單選按鈕不能同時選中,只能選中一個 2.逐一執行每個單選按鈕的功能。分別選擇“男”、“女”後,儲存到資料庫的資料應該分別為“男”、“女”。 3.一組執行同一個功能

點選列表外其他區域,列表消失

html程式碼 <div class="gdul_searchbox"> <input type="text"> <ul class="search_prompt"> <li></li>

省市區三級聯動選單實現及三級聯動列表預設值的設定

以下是HTML程式碼<html> <body> <label for="select_city">城市</label> <div data-role="controlgroup" id="select_p_c_a" data-ajax="false"&g