javascript - jQuery 代码不会连接到搜索表单

Question

此问题涉及this question/post 。我有一个搜索表单，需要:答:从搜索表单中提取用户输入，以便我们的后端可以为用户提供相关的搜索结果。B:我们需要能够将默认输入插入到一个或两个搜索字段中，以增强用户搜索体验。这应该替换任何占位符值。

我在 main.js 文件中尝试了以下代码(链接到 testpage.html):

$(document).ready(function(){
  $("#btn-search").click(function(e){
    e.preventDefault();
    var x = $("#keyword").val("Nurse");
    var y = $("#location").val();
    $("#keyword").attr("value", x);
    $("#location").attr("value", y);
  });
});

我还尝试了以下方法:

$(document).ready(function(){
  $("#btn-search").click(function(e){
    e.preventDefault();
    $("#keyword").val(Nurse);
    $("#location").val();
  });
});

你知道为什么这行不通吗？我什至尝试将其放入页面正文中:

<script>
  $("#btn-search").click(function(e){
    e.preventDefault();
    $("#keyword").val(Nurse);
    $("#location").val();
  });
</script>

这是 html 表单:

<form class="form-inline no-margin center-block" action="http://www.somewebsite.com/unknown" method="POST" role="form">
                  <div class="row">
                    <center>
                    <fieldset>

                      <!-- Search input-->
                      <div class="form-group center-block">
                        <div class="col-sm-4">
                          <label class="sr-only" for="keyword">From:</label>
                          <input id="keyword" name="keyword" type="search" placeholder="Keyword" value="" class="form-control input-lg">

                        </div>
                      </div>

                      <!-- Search input-->
                      <div class="form-group center-block">
                        <div class="col-sm-4">
                          <label class="sr-only" for="location">From:</label>
                          <input id="location" name="location" type="search" placeholder="City, State, or Zip Code" class="form-control input-lg">

                        </div>
                      </div>

                      <input type="hidden" name="unknown" value="unknown">

                      <!-- Button -->
                      <div class="form-group center-block">
                        <div class="col-sm-2">
                          <button type="submit" id="btn-search" name="btn-search" class="btn btn-primary btn-lg btn-tusaj">Search</button>
                        </div>
                      </div>
                    </fieldset>
                  </div>
                </form>

Answer 1

$(document).ready(function(){
  $("#btn-search").click(function(e){
    e.preventDefault();
    $("#keyword").val("Nurse");
    $("#location").val("");
  });
});

val() 需要一个String。所以使用字符串应该可以解决问题。

引用: http://api.jquery.com/val/