2. 程式人生 > >動態給select賦值

動態給select賦值

阿新 • • 發佈：2018-12-30

當點選頁面中的一些元素，會改變select的值，這樣的情況比較多見。

程式碼如下：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
    <style type="text/css">
        select {
            display: block;
            margin
 
: 0 auto;
            padding: 0 10px;
            width: 200px;
            height: 30px;
            line-height: 30px;
        }
        ul {
            margin: 30px auto;
            padding: 0;
        }
        li {
            display: block;
            margin: 0 auto;
            padding: 0 10px;
            width
 
: 180px;
            line-height: 30px;
            cursor: pointer;
            border: 1px solid #eee;
        }
    </style>
</head>
<body>
    <select name="country">        
        <option value="0">請選擇國家</option>
        <option value="1">泰國</option>
        <option
 
 value="2">韓國</option>
        <option value="3">日本</option>
        <option value="4">臺灣</option>
        <option value="5">澳門</option>
    </select>
    <ul>
        <li class="sel-country">1</li>
        <li class="sel-country">2</li>
        <li class="sel-country">3</li>
        <li class="sel-country">4</li>
        <li class="sel-country">5</li>
    </ul>
    <script type="text/javascript">
        $(function(){
            $('.sel-country').each(function(){
                $(this).click(function(){
                    var o = $('select[name="country"] option');
                    var l = o.length;
                    console.log(l);
                    for(var i = 0; i < l; i++){
                        if(o.eq(i).attr('value') == $(this).html()){
                            console.log(i);
                            o.eq(i).attr('selected','selected')
                        }
                    }
                })
            })
        })
    </script>
</body>
</html>

相關推薦

js 獲取select的值 / js動態給select賦值 jQuery獲取

jQuery獲取Select選擇的Text和Value:語法解釋：1. $("#select_id").change(function(){//code...});   //為Select新增事件，當選擇其中一項時觸發2. var checkText=$("#select_id"

動態給select賦值

當點選頁面中的一些元素，會改變select的值，這樣的情況比較多見。 程式碼如下： <!DOCTYPE html> <html> <head> <title></title> <

js 獲取select的值 / js動態給select賦值

<!--下拉框--> <select id="selectTest" name="selectTest"> <option value="1">11</option> <option value="2">22</option> <o

浮動子div撐開父div的幾種方法、給select賦值、zoom樣式的含義、實現select下拉框readonly

disable hid 對象 居中 使用說明 child react back for 1.浮動子div撐開父div的幾種方法： （1）在父div中在添加一個清除浮動的子div<div style=" clear:both;"></div>，該div

artTemplate js模板引擎動態給html賦值

html放到$("#area").append(html);之前，否則文件流獲取不到#area <table width="90%" class="table" cellspacing="0" cellpadding="0"> <thead> <tr> <th

Jquery 給select 賦值

                           <select id="province" name="province" style="width: 100px;">                         </select>   

解決Jquery動態給表格賦值時空格後面的內容不顯示的問題

如果從資料庫讀取的資料為A001 002 003，由於沒有給資料加引號，並且會自動給A001加引號，結果就變成了 "A001" 002 003，所以我們在前端看到的資料只有A001 <input value="+data[i]['FName']+" /> 現

Mysql中使用select into語句給變數賦值沒有匹配記錄時的結果

前言 對select into語句感興趣是因為看了專案中的一個儲存過程引起的，在程式執行之前看了儲存過程的邏輯，本以為沒有資料時會報錯，結果程式卻正常執行，這說明我對select into語句理解的問題，同時也暴露了一個知識盲點，所以寫了個小例子測試一下，並把測

使用反射動態給model綁值

userinfo columns 屬性 mar creat list集合 reac 泛型類 lis 首先引用命名空間 using System.Reflection; 需要使用到泛型，將方法定義為泛型類 public class TableToList<T&

你循環的時候就可以給他們賦值了，那麽就不用addClass，再根據類選擇器處理，代碼能一氣呵成就別寫成兩段了

onu value addclass his room type ken dcl button function onCopyButtonClick() { $(".index:checked").each(function () { $("#RoomTypeLi

py+selenium 直接給日期賦值，控制臺調試報錯【已解決】

pyc .exe 可能 調試 原來 日期控件 pychar info tel 目標：給帶日期控件的輸入框賦值。 百度去搜索讓你各種去只讀readonly屬性，再send_keys 方法： 其實既然可以去除readonly屬性，那就可以直接給屬性賦值，

【原創】關於用python創建動態變量賦值

for 動態變量 例如 利用 esc 關於 style python 創建 當在枚舉一些元素的時候，每個元素需要創建不同的變量改怎麽寫？ 這個時候可以利用loads()創建動態變量！ 例如： n=0 createVar = locals() #pr

oracle 儲存過程 例項 迴圈 給查詢賦值 遊標取值

CREATE OR REPLACE PROCEDURE p_updete_gs is     --僅供參考   i_jdid varchar(32);   i_ryid varchar(32);   cursor cur is --

遍歷頁面上所有TextBox控制元件並給它賦值為string.Empty

Using System.Windows.Forms; foreach(Control  control  in  this.Controls) {  //as運算子是把一個型別轉換為另一型別如果不成功返回null    is運算子是

109-宣告第一個變數，給它賦值，並使用它

計算機程式的執行其實就是對資料的操作，資料通過變數在計算機中儲存。 變數的宣告：宣告就是建立，宣告變數需要指定型別和變數名。 <type> <name>; 例項:(每一個宣告都是一條語句，語句以；結束) int age; int hp; string name

bootstrap js動態給select新增option元素 不展示

下午在使用bootstrap給select新增option元素時，時用js動態生成的，發現怎麼都生成不了，於是F12檢視 select裡面是新增起了，實際展示的不是用的這個select 而是下面那個di

Java 反射給物件賦值

java反射無所不能，辣麼，怎麼通過反射設定一個屬性的值呢？ 主程式： /** * @author tengqingya * @create 2017-03-05 15:54 */ public class TestReflectSet { private S

strcpy、wcscpy與_tcscpy(給WCHAR賦值)

strcpy、wcscpy與_tcscpy C++標準庫函式提供了字元和字串的操作函式，並提供了其UNICODE版本，如： char *strcpy(char *strDestination, const char *strSource);   wchar_t *wcs

Java 使用反射給屬性賦值

package com.nf147.manage.spring;import java.lang.reflect.Field;public class Cat { private String name; @Override public String toString() {

jQuery 給 data 賦值和取值

1. data 賦值問題 data 賦值有兩種方法,一種是使用 $("div").data("greeting", "Hello World");  另一種是使用 (建議使用) $("div").attr("data-greeting", "Hello World");