jQuery 繫結 select 聯動 手動觸發

2021-07-15 19:37:30 字數 1826 閱讀 9687

新增資料的時候,可以進行$('#id').change(function(e)監聽分級的select ,然後分別賦值,在一級改變的時候,記得聯動清除二**的結果重新查詢;

在編輯資料的時候,需要從資料庫查詢出來每一級的value值,這時候需要賦值給對應的select,但是賦值的過程中,$('#id').change(function(e)事件是不會自動觸發的,此時,在為一級賦value值後,手動加上乙個$('#id').change();空的觸發change事件,這樣,聯動效果就可以繼續了,記得是在每乙個聯動id後面加上乙個哦;

**如下:

//使用者首選選擇自動載入的洲際列表---》觸發遠端獲取國家列表,選擇國家---》遠端獲取省份列表,選擇省份----》遠端獲取城市列表,選擇城市

//總共四個select選擇框,其中手動觸發、被動載入的是後面三個,故只用三個change()根據前一級的變化,載入後一級的資料即可

//continent選擇洲際

//country選擇國家

//province選擇省份

//第四部分解決的問題,就是上面提到的,在新增資料時,因為所有的資料都為空,需要重新操作,所以change()的觸發是必然的,但是在新增儲存後,再次編輯時,資料是存在的,例如我之前的資料是:亞洲、中國、廣東、深圳,這個資料應該是在一開始直接就載入過來的,但是過來的資料因為只儲存了value和text,就是如果使用者想要修改深圳為廣州時,下拉列表只有深圳的情況,所以就需要我們在載入頁面的時候,就將每個select選擇框的下拉事件挨個兒觸發一遍,即自動載入洲際的value的時候,觸發$('#continent').change()的事件,便會呼叫已有方法$('#continent').change(function(e){},自動載入全部該洲際下面的國家,再根據獲取的國家value載入國家的text,以此類推,便可以載入所有相關資料。

//第一部分

$('#continent').change(function(e) )

$('#country').html(_fullinfo);

$('#province').html("請選擇<\/option>");

$('#city').html("請選擇<\/option>"); }},

error: function()

}) });//第二部分

$('#country').change(function(e) )

$('#province').html(_fullinfo);

$('#city').html("請選擇<\/option>"); }},

error: function()

}) });//第三部分

$('#province').change(function(e) )

$('#city').html(_fullinfo); }},

error: function()

}) });//第四部分

$('#continent').val(data.data.continent);

if($('#continent').val != '0')

$('#continent').change();

$('#country').val(data.data.country);

if($('#country').val != 0)

$('#country').change();

$('#province').val(data.data.province);

if($('#province').val != 0)

$('#province').change();

$('#city').val(data.data.city);

jQuery 重新整理select

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

JQuery 事件繫結,移除繫結

bind 隱式迭代,為匹配到的元素繫結相同的事件。selector bind event,func 繫結匿名函式 div p bind click function 繫結指定函式 div p bind click funcname params 繫結click事件 div p click funct...

jquery 事件繫結

1.bind bind 方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。多個事件用空格分開 可以繫結的事件有click dblclick mouseover mouseout mousedown mouseup等滑鼠事件,至於鍵盤事件,嘗試沒發現效果。selector bind...