如何在Javascript中传递元素ID作为参数或参数

时间:2017-05-26 06:32:20

标签: javascript

如何从input元素的id中获取元素并传递它 作为java脚本函数的参数。

 <html>
 <body>
 <input type="text" id="name">
 <input type="button" onclick="call(id_of_input_type_text)" value="Click 
  me">
 <script>
 var call(id_of_input_type_text) = function(){
 var x = document.getElementById(id_of_input_type_text).value;
 alert(x);
 }
 </script>
 </body>
</html>

先生/妈妈我想使用像验证这样的单一功能,并在函数中通过传递ID获取值,所以请帮我解决这个问题

3 个答案:

答案 0 :(得分:2)

选项1(来自您的问题):

请注意,在这种情况下您可以使用call('name')

&#13;
&#13;
var call = function(id){
  var x = document.getElementById(id).value;
  alert(x);
}
&#13;
<input type="text" id="name">
<input type="button" onclick="call(document.getElementById('name').id)" value="Click me">
&#13;
&#13;
&#13;

选项2(发送元素,因此您不需要在函数中获取它):

&#13;
&#13;
var call = function(elem){
  var x = elem.value;
  alert(x);
}
&#13;
<input type="text" id="name">
<input type="button" onclick="call(document.getElementById('name'))" value="Click me">
&#13;
&#13;
&#13;

答案 1 :(得分:1)

对每个调用使用具有不同参数的相同函数。就像你可以使用:

<input type="button" onclick="call('name')" value="Click Me">

它会使用id&#39; name&#39;来提醒输入字段的值。

希望这有帮助。

答案 2 :(得分:0)

您可以使用以下代码作为参考:

<body>
 <input type="text" id="name">
 <input type="button" onClick="call('name')" value="Click me" id="btnOne">

 
 <script type="text/javascript">
var call = function(elementId)
{
 var valueOfInput = document.getElementById(elementId).value
    alert(valueOfInput);
}
</script>
 </body>