Question

使用twitter bootstrap，我创建了一个旁边有一个输入框的按钮。我试图在我的视图中使用jQuery访问该值，但出于某种原因，除了＆＃34; undefined＆＃34;之外我无法获得任何回报。这是我的代码：

jQuery的：

var browserInput = $("#browserInput").val();
console.log(browserInput);

HTML：

<div class="col-lg-4">
    <div class="input-group">
        <span class="input-group-btn">
            <button class="btn btn-primary" type="button" id="addBrowser">
            <span class="glyphicon glyphicon-plus"></span>
            Add
            </button>
        </span>
        <input id="browserInput" type="text" class="form-control" style="display: none;" >
    </div>
</div>

Answer 1

如果这是您的实际代码布局，则不会获得值，因为在请求值时未加载DOM。

您应该尝试将您的功能包装在文档准备好的

中

$(document).ready(function() {
  var browserInput = $("#browserInput").val();
  console.log(browserInput);
});

如果你想获得keyup或与输入框交互的价值，你也可以这样做

$(document).ready(function() {
 $('#browserInput').on('keyup',function() {
  var browserInput = $("#browserInput").val();
  console.log(browserInput);
});
});

Answer 2

我要取消删除我的答案，因为显然这有助于海报解决他的问题......

<input id="browserInput" type="text" value="" class="form-control" style="display: none;" />

似乎value=""标记中的<input>对他有所帮助。

我想知道他的意思是""而不是undefined。

为什么我的输入框的值没有返回？

2 个答案: