Question

我正在开发一个项目，我需要使用JavaScript / HTA文件中的信息填充BMC Web Remedy中的文本框。 - 基本上我只需要将文本推送到网站上的文本框

我似乎无法弄清楚如何将信息填充到页面本身，但是想知道我是否可以得到一些指导，如果这是可能的/我将如何做到这一点，或只是指向正确的方向。

只是为了澄清网站上的一个例子： http://www.brivers.com/resume/scripts/tutorial-hta-textbox.php

将数据推入名称/地址/城市字段

这样的事情我只是不确定如何将其推送到网站领域本身

**对不起只是为了澄清我希望推送到应用程序外部的字段，是否有办法将其推送到（字面上任意）网站上的文本字段？例如，任何网站上的用户名/密码文本框

<script language="javascript" type="text/javascript">
function PushData_NSO(){
var userinput = txtPhoneNum.value;
document.getElementById('txtName').value = userinput;
}
</script>


<body>
<p> <input id="txtPhoneNum" type="text" value=""> </p>
<p> <input type="button" onclick="PushData_NSO()"> </p>
</body>

Answer 1

您正在尝试getElementById('txtName')，其中html为<input id="txtPhoneNum" />。这将永远不会起作用，因为id与您尝试访问的F12不同。

对于此类错误，您可以使用开发者工具（Chrome，IE，Firefox快捷方式txtPhoneNum）查看控制台中是否存在错误。

此外，未定义变量input。如果您希望它是txtPhoneNum = document.getElementById('txtPhoneNum') - 元素，您应该先{{1}}。

我创建了一个plunker来说明。

Answer 2

请试试这个：

<script language="javascript" type="text/javascript">
  function PushData_NSO(){

      //First get the value or text, for an instance, just say "sampleText".
       var userinput = document.getElementById('txtPhoneNum').value;


      //Secondly get the id of the textbox and using that append the value to that textbox.
       document.getElementById('txtName').value = userinput;
  }
</script>

Answer 3

从这样的HTML中获取数据，

var userinput = document.getElementById('txtPhoneNum').value;
// do something with userinput

要以HTML格式显示数据，

document.getElementById("whateverID").innerHTML = "changed user input";

Answer 4

试试这个：

<script type="text/javascript">

function PushData_NSO(){
var userinput = document.getElementById('txtPhoneNum').value;
document.getElementById('txtName').value = userinput;
}
</script>


<body>
<p> <input id="txtPhoneNum" type="text" value=""> </p>
  <input type="text" id="txtName" value="" />

<input type="button" onclick="PushData_NSO()" value="push "/>
</body>

Answer 5

当你使用getElementById（'ValueOfID'）时，javascript将搜索html中id属性与“ValueOfID”相同值的所有元素（在本例中）。

getElementById之后的.value意味着您要对该值执行某些操作，在这种情况下，您将其更改为“userinput”变量中的任何内容。

所以在你的情况下你需要这样做：

<script language="javascript" type="text/javascript">
function PushData_NSO(){
var userinput = txtPhoneNum.value;
document.getElementById('txtPhoneNum').value = userinput;
}
</script>

Answer 6

我认为这就是你的事后

<form>
    <input id="txtPhoneNum" type="text" value=""/>
    <input type="button" onclick="PushData_NSO()" value="Add Number to Div"/>
</form>
<br/>
<div id="txt">The number will replace this text</div>

<script>
function PushData_NSO(){
    var userinput = document.getElementById('txtPhoneNum').value
    document.getElementById('txt').innerHTML = userinput;
}
</script>

这是JSFIDDLE显示它的实际效果，如果您对此有任何疑问，请随时提出

使用javascript在网站上填充文本框

6 个答案: