1

jquery 1.11.2.min.js を含むブートストラップ 3 を使用しています。キーワードと都市、州、郵便番号の 2 つのテキスト フィールドを使用して検索 Web ページを更新しています。目的の検索結果を見つけるために、これら 2 つの検索テキスト フィールドに入力されたユーザー入力をプルする必要がある検索結果用のスクリプトがあります。

視覚的な説明: プレースホルダーと検索ボタンを備えた検索バー: ここに画像の説明を入力

ユーザー入力を含む検索バー (ボストンでエンジニアリングの仕事を検索): ここに画像の説明を入力 HTML には、ボストンの検索でエンジニアリングの仕事に対して作成された一意の値 (value="Engineer" または value="Boston") はありません。 ここに画像の説明を入力

value="Engineer" と value="Boston" がないと、スクリプトにボストンのエンジニアリングの仕事の検索結果を表示するように指示できません。検索スクリプトに取り込むには、これをどこで見つけて作成すればよいですか?

これはbootstrap.jsファイルのどこかにありますか? このフォームがユーザー入力値をどこでどのように取得しているかを理解するのに苦労しています (入力ごとに value="" を使用する必要はありません)。

あなたの助けに感謝します - 私のフォームは以下にあります.

<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

jquery コードへのリンクは次のとおりです: https://code.jquery.com/jquery-1.11.2.js

ここに画像の説明を入力

4

1 に答える 1

1

HTML の変更に Bootstrap を使用しようとしていますが、Bootstrap はレスポンシブ デザインに使用される 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);
  });
});

それは仕事をするはずです。さらに質問がある場合は、コメントでお知らせください。

于 2015-07-13T17:34:41.143 に答える