Question

===============
HTML
===============
<div id='game'>
    <form id='user-input'>
        <input type='text' id='guess-value' placeholder='1-100'></input>    
        <button id='submit'>Submit</button>
    </form>
</div>

<h4 id='checker'>The value entered is <span id="value">?</span></h4>

===============
jQuery
===============
$(document).ready(function(){
    $('#submit').click(function() {
        var guess = +$('#guess-value').val();
        $("#value").text(guess);
    });
});

上面我展示了我的html和jQuery代码的片段。

我正在尝试使用id='guess-value'在文本字段中输入一个数字，然后点击提交按钮，1）将其存储在名为'guess'的jQuery变量中，并且2）替换使用id='value'的span标记之间的文本，以便我可以检查输入是否正常。

span标签之间的文字没有改变，我的代码出了什么问题？

Answer 1

var guess = +$('#guess-value').val();

尝试删除＆＃34; +＆＃34;符号。＆＃34; +＆＃34;符号将获取将$('#guess-value').val()转换为数字的代码。相反，仅使用如下：

var guess = $('#guess-value').val();

剩下的代码对我来说似乎没问题。

您可以随时在浏览器（Chrome或IE）上按F12查看控制台并检查是否存在javascript错误。

Answer 2

您在+前面的额外$('#guess-value').val();符号不是必需的。使用+符号，您将告诉代码将$('#guess-value').val();转换为数字。

将其更改为：

var guess = $('#guess-value').val();

除此之外，您的代码看起来很好。

如何使用jQuery从文本字段中获取输入？

2 个答案: