使用表单数据而不是使用提示

时间:2017-02-05 10:58:48

标签: javascript html forms button form-submit

我最近写了一些代码,它接受用户输入并执行一个返回输出的函数。

最初,我通过提示框收集输入。

var a = prompt("What month were you born?");
var b = prompt("What day of the month were you born?");

我编写的其余代码依赖于这两个变量(ab)。

我的问题是:

如何将相同的数据附加到变量但不是使用提示,我希望用户填写文本字段然后按提交。按下提交后,我希望其余代码可以执行。

在用户按下提交后,我一直很难理解字段中的数据会发生什么。

我可以使用提交按钮轻松创建字段。问题是该按钮实际上没有做任何事情。

2 个答案:

答案 0 :(得分:0)

您可以轻松地执行以下操作:



function doSomething(){
   var a = document.getElementById('input_a').value,
       b = document.getElementById('input_b').value;
   // code comes here : for example : 
   alert(
      "You wrote :\n"+
      a.toUpperCase()+
      "\n and \n"+
      b.toUpperCase()
   );
}

<input type="text" id="input_a">
<input type="text" id="input_b">
<input type="button" value="Run" onclick="doSomething();">
&#13;
&#13;
&#13;

答案 1 :(得分:0)

也许您可以发布您的代码,以便我们清楚地了解您要实现的目标。 但根据我的理解,您可以使用

获取表单数据

var a = document.getElementById('your_chosen_id_for_a').value;
var b = document.getElementById('your_chosen_id_for_b').value;