<select name="choosetype" id="choosetype" class="buy_num">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
假設(shè)我選了B 則旁邊會再產(chǎn)生出一個select選擇器 叫做choosetype2
但是當(dāng)我選回A或C時,choosetype2則disabled。
歡迎選擇我的課程,讓我們一起見證您的進(jìn)步~~
目測了一下你要做的就是一個類似二級菜單。你可以不用select標(biāo)簽。用ul,li 自己做一個假的select。不但樣式布局好控制,而且可以添加動畫特效
瀉藥~
估計你要做的是多級選擇,比如省市區(qū)這樣的。選擇一個 省 以后,會出現(xiàn) 市 的select,選擇 市 以后會出現(xiàn) 區(qū) 的select?
如果上面的需求我理解的正確的話,就是:
頁面生成的時候,在choosetype旁邊隱藏一個select(choosetype2)
然后onChange事件監(jiān)聽choosetype
在onChange中根據(jù)獲取的值來判斷是否需要顯示choosetype2,如果需要則顯示,如果不需要則隱藏
如果需要根據(jù)選擇來改變choosetype2的options的話,也是在onChange里面進(jìn)行改變
數(shù)據(jù)結(jié)構(gòu)簡單的可以在第一個下拉框選中后改變第二個下拉框的option;
[
"A": ["A","B","C"],
"B": ["E","F","G"],
"C": ["H","I","J"]
]
稍復(fù)雜可以在select onchange的時候發(fā)ajax拿下一級數(shù)據(jù)并填充
更復(fù)雜的可以考慮借助插件。這里貼一個我昨天剛寫好的,可以作為參考。
IOS-selector
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號