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

2010-01-16

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>

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

2010-01-16