jQuery 設計 Template 注意事項 ( .val() 陷阱 )

目的:讓 JS 取用 HTML 模板時,可以正常使用

以下是一個簡單測試及實作,id=”t” 是一個下拉的模板,想要根據這個模板將正確的值選擇後放在 id=”h” 內

一般下拉選擇值不會用 .attr() 的方式都是直接使用 .val() 比較簡便,例如

不過使用 .val() 卻不會改變 innerHTML,所以使用 .html() 就還是原來的樣子,必須使用 .attr() 才行

文字欄位的情況

TEXTAREA : 如果要填入 textarea 就要使用 .text()

INPUT=”TEXT” : 文字欄位因為是使用 value=”” 來給予值,所以要填入資料時必須使用 attr( ‘value’, ‘值’ ) 的方式

也就是在 Template 使用的情況下一律不能使用 .val()

單選 Radio 的情況

250 total views, 1 views today