2

私は JavaScript を勉強していますが、HTML フォームからデータを取得して処理する方法についての明確なリファレンスが見つかりません。

ここに例があります：

フォーム：

<HTML>
              <HEAD>

<TITLE>Database Lookup</TITLE> 
<script src="basic.js"></script></HEAD>
<BODY>
<H1>Database Lookup</H1>
<FORM  action="javascript: submitForm();">
Please enter the ID of the publisher you want to find: <BR>
<INPUT TYPE="TEXT" NAME="id">
<BR>
<INPUT TYPE="SUBMIT" value="Submit" > </FORM>
          </BODY>
     <HTML>

    //HERE JAVASCRIPT Javascript BASIC.js:

function submitForm() 
{

var idsearched=document.getElementById("id").innerHTML;
document.write("idsearched");
}

送信をクリックしても何も起こらないので、何が間違っているのか知りたいです。そして、javascript でフォームを処理するためのより良いソリューションはどれですか?? 「アクション」を使う？または他の属性はどれですか？

4

3 に答える 3

1

<INPUT TYPE="button" value="Submit" onclick="submitForm();" >

document.write使用しないでくださいdocument.getElementById("myID").innerHTML

于 2013-09-15T17:36:17.450 に答える
1

フォーム要素の値は、その値属性に含まれています。以下の変更されたコード スニペットを試してください。 注: ("idsearched")文字列ではなく変数であるため、引用符を付けないでください。

var idsearched=document.getElementById("id").value;
document.write(idsearched);

form 要素に id 属性を追加する必要があります。

<INPUT TYPE="TEXT" NAME="id" id="id">

この行を使用して、フォームを手動で送信します

<INPUT TYPE="button" value="Submit" onclick="submitForm();" >
于 2013-09-15T17:40:04.243 に答える
0

あなたが望んでいたような完全な動作例は次のとおりです。

<HTML>
   <HEAD>
      <TITLE>Database Lookup</TITLE>
      <script src="basic.js"></script>
   </HEAD>
   <BODY>
      <H1>Database Lookup</H1>
      <FORM  action="javascript: submitForm();">
         Please enter the ID of the publisher you want to find: <BR>
         <INPUT TYPE="TEXT" id="id" NAME="id">
         <BR>
         <INPUT TYPE="SUBMIT" value="Submit" > 
      </FORM>
      <script type="text/javascript">
         function submitForm() 
         {

         var idsearched=document.getElementById("id").innerHTML;
         document.write("idsearched");
         return false;
         }
      </script>
   </BODY>
   <HTML>
于 2013-09-15T17:38:50.533 に答える