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

表单元素的值包含在它们的 value 属性中。试试下面修改后的代码片段。 注意： ("idsearched")应该不带引号，因为它是变量而不是字符串。

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

您必须向表单元素添加一个 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 回答