2012年10月28日 星期日

【jQuery】讀取和寫入 HTML tag

最近在寫jQuery與Ajax遇到了問題
解決問題以後,記錄下來。
主要是利用Ajax處理刷新select選取參數
以及更改input text的值。
簡介jQuery寫法:
$("tag"),tag為html標籤
$("#id"),id為html tag的id
$("#id").val()可以獲取該tag的值

HTML標籤部分:
<select id="select1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<input id="text1" type="text" />
<button>OK</button>
1.變更HTML select tag的選取參數
jQuery程式碼:

$(document).ready(function(){
  $("button").click(function(){
    $("#select1")[0].selectedIndex = 3;
  });
});
未按鈕前:
執行jQuery程式碼後:
2.變更HTML input text的value值
jQuery程式碼:
$(document).ready(function(){
  $("button").click(function(){
    $("#text1").val("text change");
  });
});
執行jQuery程式碼後:

沒有留言:

張貼留言