1. 程式人生 > >select2 外掛 獲取多選和單選選中值。value和text

select2 外掛 獲取多選和單選選中值。value和text

一:獲取select2選中項option的value和text,多選用jsonarry格式返回

      單選:

        //該方法也可以獲取多選的資料,但是val 是以list返回的,而text會以一條字串返回。

        var  val= $('#company_kh').val();

        var  text=$('#company_kh option:selected').text();

      多選:

        var  jsonArrayStr='[]';
        var  jsonArray=eval('('+jsonArrayStr+')');

        var obj=document.getElementById('company_kh');

        //獲取所有的option

 var options=obj.options;

        for(var i=0;i<options.length;i++){

         //判斷optin是否被選中了

           var  ss= options[i].selected;
           if(options[i].selected){
            var  jsonstr='{"value":"'+options[i].value+'","text":"'+options[i].text+'"}';
                jsonArray.push(jsonstr);
           }
        }

相關推薦

select2 外掛 獲取選中valuetext

一:獲取select2選中項option的value和text,多選用jsonarry格式返回       單選:         //該方法也可以獲取多選的資料,但是val 是以list返回的,而text會以一條字串返回。         var  val= $('#

【小程序】組件的封裝

代碼 下單 單選框 .text border event methods set ole 真正開發過小程序的開發者會發現,小程序裏面的單選框和多選框封封裝的實在不夠友好,一般與UI都會有比較大的出入,所以下面來探討一下單選框和多選框的封裝。 效果 比如我們要做一個這種

移動端 ionic angularjs列表以及框混合使用問題

第一次使用ionic,需要展現一個列表,列表下面是輸入框或者多選、單選。就是一張問卷 想的是先展現題目列表,每個題目裡面巢狀多選、單選或者輸入框,結果不行。不知道是什麼原因,是列表禁用了點選功能還是什麼(如有知道的,請給小弟解惑啊)? 程式碼: <html>

15/8/27/預設自定義Toast/簡單、選項、AlterDialog

Toast Toast分為預設的和自定義佈局的Toast 1.Toast是獨立, 不依賴於Activity,但是不能對他進行操作,因此通常用於提示資訊, 2.預設的Toast比較簡單其程式碼如下: Toast toast=Toast.mak

Java自學之路-Java中級教程-18:SpringMVC列表框select框radio、框checkbox的處理

頁面表單還有很多控制元件,這一節介紹比較常用的列表框和單選框、多選框。列表框就是下拉列表選項,用在有多個選擇的情況,比如一大堆的國家和城市可以做成一個下拉列表供使用者選擇。單選框用在只能選擇一種選項的情況,比如性別要麼選男,要麼選女。多選框即是可以多選,比如興趣愛好可以選電腦

HTML 表From獲取Select()中的選中

HTML 表單中獲取Select(多選或單選)中的選中值 1. 獲取表單中的Select物件 var a = document.getElementById("設定的ID"); 2. 可以使用Select物件的Options[ ]陣列 var b

獲取下拉框按鈕組的

一、獲取下拉列表選中項的值和文字(select) 程式碼 select.htm 示例如下: ============================================================================= <html>

滑動選中td,支持

win startid mouseover 16px start addclass play tex script <!DOCTYPE html><html> <head> <meta charset="utf-

JS 以及JQuery 獲取文字框,按鈕的

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <me

如何用Javascript實現全

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document&l

multiselect實現下拉框條件檢索、支援

<!DOCTYPE html> <html>     <head>         <title>Bootstrap Multiselect</title>   &nbs

Java 100-006:選單欄的建立-包括巢狀選單,禁用單項,複按鈕單項,彈出選單以及快捷鍵加速器

package java01; import java.awt.*; import java.awt.event.*; import javax.swing.*; /** * 我的java每天100行程式碼006 * 選單欄的建立:包括巢狀選單,禁用選單項,複選框和單選按鈕選

unity實現滑鼠框物體

今天分享一下這兩天寫的一些程式碼,關於如何在unity中實現滑鼠框選物體,達到類似於在windows下選擇檔案的目標。第一次接觸unity的時候做了一個簡單的遊戲,當時就是卡在了滑鼠選擇這一步上,後來由於時間關係也沒有去深入研究,這幾天有時間又拿出來看了一下,發現其實很簡單,

小知識點:複按鈕水平排列

執行效果如下或檢視右側結果視窗: 實現原始碼請檢視bootstrap.css檔案第1767行~第1780行: .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; ma

WinForm窗體中按鈕的“最簡單”實現

有時候要用到多個單選按鈕,選中一個其餘的全部清除選中狀態,我剛想出來的方法是: 先把N個RadioButton放進一個容器控制元件比如GroupBox或Panel等等, 這裡我放進了名為 Box 的GroupBox中,其餘同理,然後選中所有的單選控制元件,將它們的點選事件全

Android 自定義View實現行RadioGroup()

我們都知道RadioGroup可以實現選擇框,但它有一個侷限性,由於它是繼承自LinearLayout的,所以只能有一個方向,橫向或者縱向; 好在我們可以自定義View來實現多行的一個RadioGroup(我把它命令為MultiLineRadioGroup); 在貼出程式碼

HTML5:Animate cc互動之“”功能

一、實現功能選擇題中有3中型別,“單選”“多選”“單多選”二、步驟a.單選var s = this; s.stop(); //隱藏提交按鈕、錯對框 s.right_case.visible = false; s.false_case.visible = false; s.s

jQueryMobile的元件——複框(checkbox)鈕(radio)

jQueryMobile框架為原生的html表單元素封裝了新的表現形式,對觸屏裝置的操作進行了優化。 data-theme="b"——指明元素的主題為黑色主題; <!DOCTYPE html> <html> <head lang="en">

關於LayUI加上form.render()下拉框以及複框不出來的問題

首先:引入需要的css和js<link rel="stylesheet" href="${ctx}/adminthemes/version3/plugins/layui/css/layui.css" /><script type="text/javascr

10個HTML5美化版複

單選框和複選框在網頁中也十分常見,雖然它沒有按鈕的互動性強,但是如果能把它們像按鈕那樣美化一下,那也是非常不錯的。本文收集了10個相對比較漂亮的美化版單選框和複選框,希望你會喜歡。 1、CSS3漂亮的自定義Checkbox複選框 9款迷人樣式 之前我們分享過一款非