亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
javascript - 選擇器選擇某一個option後再出現(xiàn)一個選擇器?
天蓬老師
天蓬老師 2017-04-11 11:31:21
[JavaScript討論組]
<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)步~~

全部回復(fù)(4)
PHP中文網(wǎng)

https://jsfiddle.net/9utttoub/

伊謝爾倫

目測了一下你要做的就是一個類似二級菜單。你可以不用select標(biāo)簽。用ul,li 自己做一個假的select。不但樣式布局好控制,而且可以添加動畫特效

阿神

瀉藥~

估計你要做的是多級選擇,比如省市區(qū)這樣的。選擇一個 省 以后,會出現(xiàn) 市 的select,選擇 市 以后會出現(xiàn) 區(qū) 的select?

如果上面的需求我理解的正確的話,就是:

  1. 頁面生成的時候,在choosetype旁邊隱藏一個select(choosetype2)

  2. 然后onChange事件監(jiān)聽choosetype

  3. 在onChange中根據(jù)獲取的值來判斷是否需要顯示choosetype2,如果需要則顯示,如果不需要則隱藏

如果需要根據(jù)選擇來改變choosetype2的options的話,也是在onChange里面進(jìn)行改變

ringa_lee

數(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

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號