如何用户输入引导3表单提交?(How is user input submitted in boot

2019-10-23 20:00发布

我使用的是自举3,其中包括jQuery的1.11.2.min.js. 我更新的搜索网页有两个文本框:关键字,市,州,邮编。 我有一个需要拉动的是真实键入查找所需的搜索结果,这两个搜索文本框在用户输入搜索结果的脚本。

视觉的解释:我与占位符和搜索按钮搜索栏:

我与我的用户输入搜索栏(搜索在波士顿的工程作业): 在HTML中,有在波士顿搜索我的工程作业创建没有唯一指定值(value =“工程师”或价值=“波士顿”):

没有价值=“工程师”和值=“波士顿”我不能告诉我的脚本来显示在波士顿工程作业的搜索结果。 在哪里可以找到/创建这个拉进我的搜索脚本?

这是坐落在bootstrap.js文件的任何地方? 我无法搞清楚/如何这种形式是拉动用户输入值(而不必使用值=“”对于每个输入)。

你的帮助是非常赞赏 - 我的形式如下。

<div id="somebanner" class="somebanner-bgsearch-red hero1 hidden-xs">
  <div class="container-fluid">
    <div class="top-section">
        <div class="container">
          <form class="form-inline no-margin center-block" action="http://www.somesite.com/unknown" method="POST" role="form">
            <div class="row">
              <center>
              <fieldset>

                <!-- Search input-->
                <div class="form-group center-block">
                  <div class="col-sm-4">
                    <input id="keyword" name="keyword" type="search" placeholder="Keyword" class="form-control input-lg">

                  </div>
                </div>

                <!-- Search input-->
                <div class="form-group center-block">
                  <div class="col-sm-4">
                    <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>
                </center>
              </fieldset>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

这里的链接到bootstrap.js代码: http://getbootstrap.com/dist/js/bootstrap.js

Herer的链接到jQuery代码: https://code.jquery.com/jquery-1.11.2.js

Answer 1:

您正在尝试使用引导程序修改HTML,但引导是用于响应式设计一个CSS框架。 这是不能做这样的HTML修改。 你需要使用jQuery:

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

这应该做的工作。 如果您还有其他问题,让我知道了意见。



文章来源: How is user input submitted in bootstrap 3 form?