【问题标题】:How do I pass HTML input text into a JS variable?如何将 HTML 输入文本传递给 JS 变量?
【发布时间】:2014-07-25 15:46:09
【问题描述】:

所以我一直在开发一款游戏,您可以在其中输入提示您执行的操作。所以我需要能够在其中放入一个 JS var,这样我就可以在页面上打印输入文本,并让计算机在需要时进行响应和操作。有没有人有办法我可以做到这一点?我希望你能帮忙。

这是我目前所拥有的

<p style="font-size:33px; color:red;"> Trapped in a Room</p>
<hr/><br/><br/><br/><br/><br/>
<p id="comtxt">You wake up trapped in a room and need to find a way out.<br/>Use the input bar below as a action prompt.</p>
<p id="usertxt"></p>
<form script="answer();">
<input id="prompt" width="60" type="text">
<input id="sub" type="submit">
</form>

然后是javascript

 var prompt = getElementById("prompt");
var comtxt = getElementById("comtxt");
var sub = getElementById("sub");
var usertxt = getElementById("usertxt");
var answer = function() {
    usertxt = prompt;
}

如果 JS 难以阅读,请见谅...

【问题讨论】:

  • 你要form_element.value吗?
  • 你能说得具体一点吗,你的问题很笼统。此外,您还需要使用 javascript 从表单输入中捕获值,例如 document.querySelector("#pageToPrint").value 一旦您拥有它,您将希望通过 get 或 post 方法创建一个可打印页面到另一个页面或如果您不想将它们重定向到另一个页面,请使用 ajax。
  • 好的..好的...我知道我没有使用很多细节,我修复了它。现在更详细了

标签: javascript html variables input prompt


【解决方案1】:
var sender = document.getElementById("sub");

sender.addEventListener("click", setInputText, false);

function setInputText (){
    var inpTxt = document.getElementById("prompt").value;
    document.getElementById("usertxt").innerHTML = inpTxt;
};

这里是小提琴http://fiddle.jshell.net/7d8fH/8/

【讨论】:

  • 所以我尝试了你回答的代码,但它什么也没做。它保持不变。你知道为什么会这样吗?
  • 对不起,我现在看到了你的 html,我已经编辑了我的答案。看看吧
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-04-06
  • 1970-01-01
  • 1970-01-01
  • 2010-11-18
  • 1970-01-01
  • 1970-01-01
  • 2015-04-12
相关资源
最近更新 更多