javascript - 单击按钮时设置 JavaScript 变量值

Question

这个问题已经有答案了:

Jquery get form field value (8 个回答)

已关闭 7 年前。

我的页面上有一个按钮，单击该按钮即可执行 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 应该保存用户在输入字段中输入的值。

Answer 1

Use .value property of InputElement(JavaScript) or $(ELEMENT).val() method of jQuery

要选择元素，请为元素提供唯一的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>