在按钮单击上设置 JavaScript 变量值 [重复]

【问题标题】：set JavaScript variable value on button click [duplicate]在按钮单击上设置 JavaScript 变量值 [重复]
【发布时间】：2016-06-17 01:24:39
【问题描述】：

我的页面上有一个按钮，它在点击时执行 JavaScript 函数。现在我的函数中有一个变量，其值应该是用户在输入文本框中输入的值。这是我的代码。

    <input type="text"> </input>
    <button id ="buttton" class="button" onclick="myfunction()">Create Envelope</button>

    <script>
    function myfunction() {
    var sub =""; // I am thinking of writing jquery 
}
   </script>

现在，当用户单击按钮时，我的变量 sub 应该保存用户在输入字段中输入的值。

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

使用InputElement(JavaScript) 的.value 属性或jQuery 的$(ELEMENT).val() 方法

要选择元素，请将唯一的ID 赋予元素。还有其他方法可以选择元素，例如 class-selector 或 attribute-selector 等等！

function myfunction() {
  var sub = $('#input').val();
  console.log(sub);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="text" id='input'>
<button id="buttton" class="button" onclick="myfunction()">Create Envelope</button>

【讨论】：