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

问题描述：

我有一个文本字段，当按下提交按钮时，它应该使用其中的文本更改页面上的元素。我将这个值传递给一个javascript函数。它不工作，任何人都可以告诉我该怎么做/我做错了什么？如何从文本字段中获取文本并将其作为参数传递给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>

答

做到这一点

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

的JavaScript

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

答

'document.getElementById("changetext").value;'是一个字符串，而不是一个gEBId呼叫的价值属性。

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

submitText(string, id)需要一个字符串，然后一个id，而不是一个id然后一个字符串。

答

这是我改变了对你的代码：我打开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" />

嗯....仍然没有按” t工作......我没有把它发送到服务器，只是改变页面上的某些文字 – imulsion

@imulsion：抱歉，我认为这是一个提交类型按钮。但提交是名称。 –

可以看到你认为:) upvoting u，但bipen解决了它。 – imulsion

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

相关推荐