将输入元素的文本传递给按钮的点击处理程序

Question

<script>
  var addSubReddit = function(topicName){
    console.log(topicName)
    //add it to the list of existing subreddit topics
  }
</script>
<form>
   <input placeholder='Create new subreddit' value=''>
   <button type='submit' onclick="addSubReddit(....)">Create</button>
</form>

如何访问输入元素的文本值并将其作为字符串值传递给按钮的 onclick 函数？

Answer 1

您不需要将其作为参数传递给 function。你可以在 function

中得到它

Html:

<input id="myText" placeholder='Create new subreddit' value=''>
<button type='submit' onclick="addSubReddit()">Create</button>

Javascript:

function addSubReddit() {
    var textValue = document.getElementById('#myText').value;
    ....
    ....
    ....
}

Answer 2

试试这个代码

<script>
 function buttonFunction(){
var name = document.getElementById("nameId").value;
alert("entered input is "+name);
}
</script>
<form>
   <input placeholder='Create new subreddit' value='' id="nameId" name="nameId">
   <button type='submit' onclick="buttonFunction()">Create</button>
</form>

将输入元素的文本传递给按钮的点击处理程序

Pass input element's text to button's click handler

javascript

onclick