HTML的select標籤二級聯動

2021-10-07 22:14:31 字數 2108 閱讀 7517

直接上**,霍霍霍霍

>

>

>

級聯下拉列表title

>

>

select

.bigsel

#provinces

style

>

>

// $是自己定義的乙個方法,用於根據id獲取元素

function

$(v)

//一級

var p =

['投資入股類'

,'資金運用類'

,'保險業務類'

,'利益轉移類'

,'提供服務類'];

//二級

p['01']=

['投資入股'

,'投資該保險公司發行的優先股、債券、或其他**'];

p['02']=

['未上市權益類'

,'活期存款'

,'不動產類'

,'境外投資'

,'其他金融資產'

,'與關聯方共同投資'

,'定期存款'];

p['03']=

['保險業務'

,'其他(後續贖回、賠付、還本付息、分配股息和紅利、再保險攤回賠付、調整再保險手續費等交易)'

,'保險**業務'

,'再保險的分出'

,'再保險的分入'

,'委託管理資產和業務'

,'受託管理資產和業務'];

p['04']=

['**資產'

,'租賃資產'

,'權利轉讓'

,'擔保'

,'給予財務資助'

,'接受財務資助'

,'贈與'

,'債權轉移'

,'債務轉移'

,'簽訂許可協議'

,'放棄優先受讓權'

,'放棄同比例增資權'

,'其他'];

p['05']=

['審計'

,'精算'

,'法律'

,'資產評估'

,'資金託管'

,'廣告'

,'日常採購'

,'職場裝修'

,'其他'];

// 文件就緒函式,

window.

onload

=function()

$(one)

.value =

"01"

;showcitys($

(one)

.value);$

('two'

).value =$(

'two'

).options[0]

.value;

showareas($

('two'

).value);}

function

showcitys

(v)}

}script

>

head

>

>

name

="fr"

action

="/submit"

>

name

="one"

id="one"

class

="bigsel"

onchange

="showcitys(this.value)"

>

value

="-1"

>

-- 請選擇 --option

>

select

>

name

="two"

id="citys"

two="showareas(this.value)"

>

value="

">

-- 請選擇 --option

>

select

>

type

="submit"

value

="提交"

/>

form

>

body

>

html

>

落霞與孤鶩齊飛,秋水共長天一色。。。

二級標籤的製作

很多網頁會用到二級標籤,那麼二級標籤是怎麼製作的,今天來介紹一下 首先,我們先寫一組一級標籤,然後在需要設定二級標籤的一級標籤裡面嵌入一組二級標籤,示例如下 class menu 首頁li 新聞 class menu icon lorem ipsum dolor sit.li lorem ipsum...

vue二級聯動select

div span 所在區域 span select name v model country option value item v for item,index in area option select select name v model cityname option value item...

jquery實現select二級聯動

jquery實現乙個簡單的select二級聯動選單,如下 1 doctype html 2 html 3 head 4 meta charset utf 8 5 title jquery 二級聯動 title 6 style 7.city 10.city first 13style 14 scrip...