Question

当点击页面的某些部分时，我需要将一些文本传递给隐藏的输入。

最简单的版本（使用input =“text”来检查它是否有效）将如下所示：

function myFunct(the_text) {
  document.getElementById('id01').value = the_text;
  return;
}

<input type="text" id="id01" value="write here" />

<a href="#" onclick( "myFunct("this text should go on the box ");"); /> click me </a>
</br>
<a href="#" onclick( "myFunct("or this one ");"); /> No! Click me </a>
</br>

我不知道如何正确传递字符串作为函数的参数。

Answer 1

您的HTML代码中存在一些错误。它应该像onclick="sth"，而不是括号。我想我的例子正在运行，请查看下面的代码：

<input type="text" id="id01" value="write here" />
<div id="id02"></div>

<a href="#" onclick="myFunct('this text should go on the box')" /> click me </a> </br>
<a href="#" onclick="myFunct('or this one')" /> No! Click me </a> </br>

<script>
    function myFunct(the_text) {
        document.getElementById('id01').value = the_text;
        document.getElementById('id02').innerHTML = the_text;
    }
</script>

Answer 2

function myFunct(the_text) {
  $("#id01").val(the_text);
  return true;
  return;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="id01" value="write here" />

<a href="#" onclick="myFunct('this text should go on the box');" ); /> click me </a>
</br>
<a href="#" onclick="myFunct('or this one ');" ); /> No! Click me </a>
</br>

您的HTML代码中存在一些错误。它应该像onclick =“some function”，而不是括号。我想我的例子正在运行，请查看下面的代码：你jquery而不是javascript你会得到数据

Answer 3

您可以尝试以下代码： -

<input type="text" id="id01" value="write here" />

<a href="#" onclick="myFunct('this text should go on the box')" /> click me </a> </br>
<a href="#" onclick="myFunct('or this one ')" /> No! Click me </a> </br>

<script>
    function myFunct(the_text) {
        document.getElementById('id01').value = the_text;
    return;
    }
</script>

Answer 4

您在JavaScript和HTML之间混合语法。您尝试使用的onclick是HTML属性，与其他任何属性一样，并采用以下形式：

onclick=""

所以你的元素看起来像这样：

<a href="#" onclick="myFunct('or this one ')" />

还要注意字符串的不同引号的使用。 JavaScript可以使用单引号或双引号，因此在这里使用单引号并不会干扰解析双引号HTML属性。

或者，您可以完全从HTML中删除JavaScript。提供元素id值：

<a href="#" id="someID" /> click me </a> </br>

并使用它们来识别它们以添加点击处理程序：

document.getElementById('someID').onclick = function()
{
    myFunct('or this one ');
};

jQuery可以使用相同的方法（因为你在问题中有这个标签）。理想情况下，无论是否使用jQuery，您都希望将标记从代码中分离出去。

Answer 5

不要感到困惑。 onclick必须是HTML语法onclick=并像这样使用

onclick="myFunct('text')"

试试这个：

＆＃13;

function myFunct(the_text) {
			alert(the_text);
        document.getElementById('id01').value = the_text;
    return;
    }

＆＃13;

<input type="text" id="id01" value="write here" />

<a href="#" onclick="myFunct('this text should go on the box');" /> click me </a> 
</br>
<a href="#" onclick="myFunct('or this one');" /> No! Click me </a> </br>

＆＃13;

另一种选择是使用JQuery＆＃34;谁是你真正的女朋友？＆＃34;举个例子。

＆＃13;

$("#me").click(function() {
  $("#target").text( "Sorry, he picked me." );
});

$("#otherme").click(function() {
  $("#target").text( "I know you'll choose me." );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div id="target">
  Who's your real girlfriend?
</div>

</br>
<a href="#" id="me">Choose Me</a>
</br>
<a href="#" id="otherme">Please choose Me</a>

＆＃13;

Answer 6

存在语法错误。

<a href="#" onclick='myFunct("this text should go on the box")' /> click me </a> </br>
<a href="#" onclick='myFunct("or this one ")' /> No! Click me </a>

使用JavaScript在文本框

6 个答案: