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<
script 
src="jquery/jquery-1.11.3.min.js"
>
script
>
15<
script
>
16$(document).ready(
function
());
21});
22script
>
23head
>
24<
body
>
25<
select 
id="province"
>
26<
option
>----請選擇省份----
option
>
27<
option
>北京
option
>
28<
option
>上海
option
>
29<
option
>江蘇
option
>
30select
>
31<
select 
class
="city city_first"
>
32<
option
>----請選擇城市----
option
>
33select
>
3435
<
select 
class
="city"
>
36<
option
>----請選擇城市----
option
>
37<
option
>東城
option
>
38<
option
>西城
option
>
39<
option
>崇文
option
>
40<
option
>宣武
option
>
41<
option
>朝陽
option
>
42select
>
43<
select 
class
="city"
>
44<
option
>----請選擇城市----
option
>
45<
option
>黃浦
option
>
46<
option
>盧灣
option
>
47<
option
>徐匯
option
>
48<
option
>長寧
option
>
49<
option
>靜安
option
>
50select
>
51<
select 
class
="city"
>
52<
option
>----請選擇城市----
option
>
53<
option
>南京
option
>
54<
option
>鎮江
option
>
55<
option
>蘇州
option
>
56<
option
>南通
option
>
57<
option
>揚州
option
>
58select
>
59body
>
60html
>

jQuery 重新整理select

應用場景 一般情況下，給select所加的事件為change事件，但是當選中乙個之後，被選中的那個option一直處於選中狀態，如果你想再次選中這個選項，那麼你就要首先去切換其他的選項，然後再選這個選項，試想如果選中之後，select回到了預設狀態，再去選任何乙個選項豈不是只需一步即可 如下 選擇列...

使用jquery操作select

jquery獲取select選擇的text和value 語法解釋 1.select id change function 為select新增事件，當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的tex...

jquery操作select大全

jquery獲取select選擇的text和value 1.select id change function 為select新增事件，當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的text 3.v...