Question

我无法获取以下代码的输入文本值。我是jquery的新手但是我试图使用find medthod获取值，但它没有用。

<nav class="navbar navbar-custom navbar-static-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Test</a>
    </div>
    <div class="collapse navbar-collapse" id="search_div_main">
      <form type="submit" class="navbar-form navbar-left" role="Search" id="search_form_id">
        <div id="search_div" class="form-group">
          <input type="text" id="search_input" style="width:500px" class="form-control" placeholder="Enter Value....">
        </div>
      </form>
      ...
    </div>
    ...
  </div>
</nav>

我需要获取输入框的文本值（id =“search_input”）。

Answer 1

<强> JS

document.getElementById("search_input").value

<强> Jquery的

$('#search_input').val();

Answer 2

$("#search_input").val()将解决问题

Answer 3

jQuery(document).ready(function($) {

    var search_input = $("#search_input").val();
    window.alert(search_input);

})

如果您不熟悉jQuery，您应该学习以下几点：

始终将您的代码包含在.ready()内jQuery( document ).ready(function($){ /*CODE*/ });
$是jQuery函数的别名，在某些情况下它不可用。

嵌套Div中的Jquery Traversal

3 个答案: