2010-01-16

Javascript 讀寫 HTML 同名欄位程式範例

Javascript 讀寫 HTML 同名欄位時,要先把要讀 取的欄位取出後再透過 for loop 來操作。
<html>
<script type="text/javascript">
function getValue() {
   var ayuFieldObj = document.forms[0].ayuField
   for(i=0;i<ayuFieldObj.length;i++) {
      alert(ayuFieldObj[i].value)
   }
}
function setValue(){
   var ayuFieldObj = document.forms[0].ayuField
   for(i=0;i<ayuFieldObj.length;i++) {
      ayuFieldObj[i].value = i
   }
}
</script>
<body>
<form name="test">
<input type="text" name="ayuField" value="a">
<input type="text" name="ayuField" value="b">
<input type="text" name="ayuField" value="c">
<input type="button" value="取值" onclick="javascript:getValue();" >
<input type="button" value="給值" onclick="javascript:setValue();" >
</form>
</body>
</html>


[+] Ubuntu 指令新手會用到的35個技法 - 這是以阿舍的使用經驗編寫出來的電子書,三天內應該就看的完,學的起來哩 ! 有空就參考一下囉 ! ... ^^=

關於阿舍

好文不藏私,請多分享囉!! ^^=



沒有留言 :

張貼留言

如果留言後,發現留言不見了,這通常是因為 Goolge 把它認為是垃圾留言了,請用信件通知阿舍調整 ( ayubiz@gmail.com )。謝謝 !