用Jquery可以少寫程式, 稍微Google一下可以找到很多資料, 通常會用 $('#ID') 去抓取某個 ID的表單元件的資料值, 或者它的事件, 並且, 做後續的處理. 在一般表單元件都是自己打造的前提, ID是可以自己加上去的 (直接在HTML Code裡) ,但是, 如果你的表單, 是透過 Pear 的 HTML_QuickForm 之類的套件去產生 ,則預設產生的表單元件, 並沒有賦予 ID 只有表單元件的 NAME .

這樣的情況, 將沒有辦法使用標準的 $('#ID') 去編寫 Jquery 的事件行為  ,

解決此種情況, 最簡單的方式, 便是直接透過 $("element['name=xxx']") 來取得元件, 並且, 進行後續程式碼的編寫.

其中 element 代表表單元件的類型, 例如: select 下拉式選單, input 輸入框 ...等等, 舉個例子來說, 要替 Select 下拉式選單增加 change 的事件, 可以這樣寫

假設, 此SELECT下拉式選單的名稱為 CITYSel ,若有指定ID的話,可以用這樣的方式 (假設 ID也是 CITYSel)

$("#CITYSel").change(function(){

   alert('Hello World !!');

});

這樣下拉式選單的選擇值 只要被變更, 就會跳出對話視窗, 顯示 Hello World .

假設, 沒有 ID的話, 則可以這樣寫

$("select['name=CITYSel']").change(function(){

   alert("Hello World !!");

});

以上為經驗分享, 歡迎提出討論, 更多資訊請參訪 Jquery 官方網站. 謝謝

 


arrow
arrow
    全站熱搜

    Frank 發表在 痞客邦 留言(1) 人氣()