如何从textfield获取文本并将其作为参数传递给javascript函数

时间:2012-10-03 12:28:23

标签: javascript parameters dom

我有一个文本字段,当按下提交按钮时,它应该更改页面上的文本元素。我将值传递给javascript函数。它不起作用,任何人都可以告诉我该怎么做/我做错了什么?

这是我的代码:

<html>
<head>
<script type = "text/javascript">
function submitText(string, id)
{
document.getElementById(id).innerHTML = string;
}
</script>
</head>
<body>
<p id = "Datepara" style = "font-family:comic sans ms;color:orange;text-align:center;font-size:25px;">
Date Created: 24/9/12 <br /><br /><br/>
</p>
<input id = "changetext" type = "text" value = "Enter text to display text in this webpage!"/>
&nbsp;
<input id = "submit" type = "button" onclick = "submitText('Datepara','document.getElementById("changetext").value;'" value = "Submit" />
</body>
</html>

3 个答案:

答案 0 :(得分:1)

这是我对你的代码所做的更改:我在submitText函数中切换了参数的顺序,我删除了document.getElementById("changetext").value周围的引号,因为你传递了一个字符串而不是输入控件的值

function submitText(id, string)
{
     document.getElementById(id).innerHTML = string;
}

<input id="submit" type="button" 
  onclick="submitText('Datepara', document.getElementById('changetext').value)"
  value="Submit" />

答案 1 :(得分:1)

这样做

<input id = "submit" type = "button" onclick = "submitText('Datepara','changetext')" value = "Submit" />

的javascript

function submitText(divid,txtid)
{
   document.getElementById(divid).innerHTML = document.getElementById(txtid).value;
}

答案 2 :(得分:0)

'document.getElementById("changetext").value;'是字符串文字,而不是gEBId调用的value属性。

"submitText('Datepara','document.getElementById("onclick属性的值。看你的报价。

submitText(string, id)接受一个字符串然后是一个id,而不是id然后是一个字符串。