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>

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

Answer 1

您不需要将其作为参数传递给<div class="adduser pointer" data-url="/Account/Register">。你可以在功能

中得到它

HTML：

function

使用Javascript：

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

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>

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

2 个答案: