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

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 。 你可以在功能上得到它

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>