blocks|key|4073418|text|你需要修复你的选择器。input的id为"tableInput"，需要传入"tableInput"给getElementById|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4073419|function+myfunction()+{
++++++var+num+=+document.getElementById("tableInput").value;
++++++alert(num);
}|code-block|syntax|javascript|4073420|​|4073421|<!DOCTYPE+html>
<html+lang="en">

<body>

++++<form+onsubmit="myfunction()">
++++++++Text+Input:+<input+type="text"+id="tableInput">
++++++++<input+type="submit"+value="get+text+input">
++++</form>

</body>
<script>


function+myfunction()+{
++++++var+num+=+document.getElementById("tableInput").value;
++++++alert(num);
}
</script>

</html>|4073422|4073423|entityMap^0|B|5|K|C|11|C|1E|E|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|O|3|L|5|6|7|13|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|Q|$]]

<p>You need to fix your selector. id of <code>input</code> is <code>"tableInput"</code>, so you need to pass in <code>"tableInput"</code> to <code>getElementById</code>:</p>

<pre><code>function myfunction() {
      var num = document.getElementById("tableInput").value;
      alert(num);
}
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;body&gt;

    &lt;form onsubmit="myfunction()"&gt;
        Text Input: &lt;input type="text" id="tableInput"&gt;
        &lt;input type="submit" value="get text input"&gt;
    &lt;/form&gt;

&lt;/body&gt;
&lt;script&gt;


function myfunction() {
      var num = document.getElementById("tableInput").value;
      alert(num);
}
&lt;/script&gt;

&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4074958|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4074959|++++function+myfunction()+{
++++++++++var+id+=+document.getElementById("idOfTheField").value;
++++++++++var+name+=+document.getElementById("cars").value;
++++++++++var+t+=+document.getElementById("cars");
var+selectedText+=+t.options[t.selectedIndex].text;
++++++++++alert('id+is+:+'+%2B+id+%2B+'+name+is+:+'+%2B+name+%2B+'car+:+'+%2B+selectedText);

+++++}|code-block|syntax|javascript|4074960|++++<form+onsubmit='myfunction()'>
++++<label>id:+</label><br>

++++<input+type='text'+value=''+id='idOfTheField'+name='idField'+/><br>

++++<label>name:+</label><br>

++++<input+type='text'+value=''+id='idOfTheNameField'+name='nameField'/><br>
++++<label>select+a+car+:+</label><br>
+++<select+name="cars"+id='cars'>
++++<option+value="volvo">Volvo</option>
++++<option+value="saab">Saab</option>
++++<option+value="fiat">Fiat</option>
++++<option+value="audi">Audi</option>
++</select>

++++<input+type='submit'+value='submit'+/>
++++</form>|4074961|4074962|问题是document.getElementById+javascript方法产生字段的id。所以你只需要提供id。id='thisIsID'，则id为thisIsID+..|offset|length|style|CODE|4074963|在我的回答中也展示了如何使用jquery来实现这一点|4074964|希望这能有所帮助|4074965|4074966|function+myfunction()+{
++++++let+num+=+$('#tableInput').val();
++++++alert(num);

++++}|4074967|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE+html>
<html+lang="en">

<body>

++++<form+onsubmit="myfunction()">
++++++++Text+Input:+<input+type="text"+id="tableInput">
++++++++<input+type="submit"+value="get+text+input">
++++</form>

</body>


</html>|4074968|4074969|entityMap^0|0|0|0|0|3|N|1M|D|24|8|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@$L|16|M|17|N|O]|$L|18|M|19|N|O]|$L|1A|M|1B|N|O]]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1C|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1D|8|@]|9|@]|A|$]]|$1|T|3|4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|Y|3|4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|10|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>    function myfunction() {
          var id = document.getElementById("idOfTheField").value;
          var name = document.getElementById("cars").value;
          var t = document.getElementById("cars");
var selectedText = t.options[t.selectedIndex].text;
          alert('id is : ' + id + ' name is : ' + name + 'car : ' + selectedText);

     }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;form onsubmit='myfunction()'&gt;
    &lt;label&gt;id: &lt;/label&gt;&lt;br&gt;

    &lt;input type='text' value='' id='idOfTheField' name='idField' /&gt;&lt;br&gt;

    &lt;label&gt;name: &lt;/label&gt;&lt;br&gt;

    &lt;input type='text' value='' id='idOfTheNameField' name='nameField'/&gt;&lt;br&gt;
    &lt;label&gt;select a car : &lt;/label&gt;&lt;br&gt;
   &lt;select name="cars" id='cars'&gt;
    &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
    &lt;option value="saab"&gt;Saab&lt;/option&gt;
    &lt;option value="fiat"&gt;Fiat&lt;/option&gt;
    &lt;option value="audi"&gt;Audi&lt;/option&gt;
  &lt;/select&gt;

    &lt;input type='submit' value='submit' /&gt;
    &lt;/form&gt;</code></pre>
</div>
</div>
</p>

<p>Problem is <code>document.getElementById</code> javascript methods yields the id of the field. so you need to provide the id only. <code>id='thisIsID'</code> then the id is <code>thisIsID</code> ..</p>

<p>in my answer shows how you should do this with jquery as well<br>
Hope this helps</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function myfunction() {
      let num = $('#tableInput').val();
      alert(num);

    }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;body&gt;

    &lt;form onsubmit="myfunction()"&gt;
        Text Input: &lt;input type="text" id="tableInput"&gt;
        &lt;input type="submit" value="get text input"&gt;
    &lt;/form&gt;

&lt;/body&gt;


&lt;/html&gt;</code></pre>
</div>
</div>
</p>


<p>I cannot get input text by using onsubmit event on form what to do? Kindly guide me. This is the code. In this code I've added an input element and a submit element. I want to obtain input element's value after submitting the form but I can't.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;body&gt;

    &lt;form onsubmit="myfunction()"&gt;
        Text Input: &lt;input type="text" id="tableInput"&gt;
        &lt;input type="submit" value="get text input"&gt;
    &lt;/form&gt;

&lt;/body&gt;
&lt;script&gt;


function myfunction() {
      var num = document.getElementById("tableInput").value;
      alert(num);

    }
&lt;/script&gt;

&lt;/html&gt;
</code></pre>


HTML onsubmit event not returning elements

在表单上使用onsubmit事件无法获取输入文本怎么办？请指点一下。这就是代码。在这段代码中，我添加了一个input元素和一个submit元素。我想在提交表单后获取input元素的值，但我不能。<!DOCTYPE html><html lang="en"><body>    <form onsubmit="myfunc...

问HTML onsubmit事件不返回元素
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML onsubmit事件不返回元素EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML onsubmit事件不返回元素
EN