WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:動的テキストの値を取得する

0:[投稿] カッパ [2003/05/01 14:09 ][環境:WIN98 WIN2000]

動的に作成されたテキストボックスの値を取り出したいのですが、どのように取り出せばよいのでしょうか?

 <Input Type="text name="A1">
 <Input Type="text name="A2">
 <Input Type="text name="A3">
           :
幾つあるかはパラメタで獲得できます。

"A" + $cc 等で"A1"のnameは作成できるのですが、そのvalueの取り出し方が判りません。よろしくお願いします。


1:[回答] ・・ [2003/05/01 17:32 ]

スクリプトの部分も動的に作成するしかないですね。


2:[回答] KATSU [2003/05/01 19:26 ]

FORM上の何番目のINPUTから読み取るかが分かっているなら、elementsで取れませんか?

for(i=[最初のTEXTBOX]; i<[最初のTEXTBOX]+[TEXTBOXの個数]; i++){
   text_value = document.[FORM名].elements[i].value;
}


3:[回答] KATSU [2003/05/01 19:32 ]

あいや、elements[i].nameで、INPUTの名前も取れるから、すべてのelementsをなめて探しても良いかも。
名前の数値部だけ、.nameからうまく切り出せれば、配列に展開とかもできますね。


4:[回答] KATSU [2003/05/01 19:46 ]

こんな感じで.....

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

function GetTextValue(){

   var Target_Name = "A";
   var Hit_No = 0;
   var Hit_Value = "";

   for(i=0; i<document.InputForm.elements.length; i++){
     if(document.InputForm.elements[i].name.substring(0,Target_Name.length) == Target_Name){
         Hit_No =  parseInt(document.InputForm.elements[i].name.substring(Target_Name.length));
         Hit_Value = document.InputForm.elements[i].value;

         alert(Hit_No + "番目の値 = " + Hit_Value);

     }
   }

}

</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="InputForm">
<INPUT TYPE="text" NAME="B1">
<INPUT TYPE="text" NAME="B2">
<BR>
<!-- ここから取得したいINPUT(動的に増える)-->
<INPUT TYPE="text" NAME="A1">
<INPUT TYPE="text" NAME="A2">
<INPUT TYPE="text" NAME="A3">
<BR>
<!-- ここまで取得したいINPUT(動的に増える)-->
<INPUT TYPE="text" NAME="C1">
<INPUT TYPE="text" NAME="C2">
<BR>
<INPUT TYPE ="button" VALUE="実行" onClick="GetTextValue()">
</BODY>
</HTML>


5:[完了] カッパ [2003/05/02 11:36 ]

KATSUさん、・・さん。
ありがとうございます。出来ました。
基本的なことも判らないド素人です。
本当にありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World