2016-08-25 7 views
0

私はこのサイトで働いています。私が持っていることの1つは、その中にフォームdrop-manuとボタンこれは、両方の組み合わせ(最初のドロップマヌー、ボタン)、それがeBayストア検索Drop-manuとボタンを使用して情報を送信

これは、それがどのように見えるかであるを楽しみに必要のように:

enter image description here

をどんなに私はしませんFORMのアクションを何仕事、私は助けが必要です!

これは、コードがHTMLでどのように見えるかです:

<!--Search For Budget--> 
<section class="bg-primary searchForBudgetSec"> 

<form class="container p-y-3 text-xs-center" action="http://stores.ebay.com/eyal-sasson-diamonds/_i.html" method="get" target="_blank"> 


     <!--Title--> 
     <h3 class="font-weight-bold">SEARCH FOR BUDGET:</h3> 
     <!--Sub--> 
     <p class="m-b-3">Select the budget you want to spend in 
         <!--Select--> 

      <select name="_fsub"> 
       <option value="10051314">Diamonds for Engagement Rings</option> 
       <option value="10053544">Diamonds for Wedding Rings</option> 
       <option value="2961128">Loose Diamonds (any shape/size)</option> 
       <option value="233373">Fancy Color Diamonds</option> 
       <option value="189457">Diamond for Jewelry</option> 
       <option value="3414717018">GIA Diamonds</option> 
       <option value="3414718018">EGL Diamonds</option> 
      </select> 
     </p> 

     <div class="budget-search-Icons"> 

      <input name="LH_Price" id="u5" type="radio" value="0..500"> 
      <label class="btn" for="u5"> 

       <img alt="" src="line001.png"> 

       <h6>UNDER $500</h6> 
      </label> 

      <input name="LH_Price" id="5t1k" type="radio" value="500..1000"> 
      <label class="btn" for="5t1k"> 

       <img alt="" src="Line002.png"> 

       <h6>$500-$1000</h6> 
      </label> 

      <input name="LH_Price" id="1kt2k" type="radio" value="1000..2000"> 
      <label class="btn" for="1kt2k"> 

       <img alt="" src="Line003.png"> 

       <h6>$1000-$2000</h6> 
      </label> 

      <input name="LH_Price" id="2kt5k" type="radio" value="2000..5000"> 
      <label class="btn" for="2kt5k"> 

       <img alt="" src="Line004.png"> 

       <h6>$2000-$5000</h6> 
      </label> 

      <input name="LH_Price" id="5kt10k" type="radio" value="5000..10000"> 
      <label class="btn" for="5kt10k"> 

       <img alt="" src="Line005.png"> 

       <h6>$5000-$10K</h6> 
      </label> 

      <input name="LH_Price" id="10kt20k" type="radio" value="10000..20000"> 
      <label class="btn" for="10kt20k"> 

       <img alt="" src="Line006.png"> 

       <h6>$10K-$20K</h6> 
      </label> 

      <input name="LH_Price" id="30kA" type="radio" value="30000..100000"> 
      <label class="btn" for="30kA"> 

       <img alt="" src="Line007.png"> 

       <h6>$30K-ABOVE</h6> 
      </label> 
     </div> 

    </form> 
</section> 

それがどんな動作しませんしませんように私はここにクレイジー取得しています!

私はドロップマヌーから項目を選択し、以下の予算を選択する必要があり、そしてそれは私のeBay内を検索、これらのパラメータを格納する、

ありがとう!

+0

どれjQueryのか、JS? –

+0

私はあなたがフォーム提出イベントを発送する必要があると思います。しかし、そこに送信ボタンはありません。私はあなたがこれを行うためにいくつかのJSを書く必要があると思います。 – kxxoling

答えて

0

このような単純なデモは動作します:あなたは試したこと

<section class="bg-primary searchForBudgetSec"> 

<form class="container p-y-3 text-xs-center" action="http://stores.ebay.com/eyal-sasson-diamonds/_i.html" method="get" target="_blank" 
id="myForm"> 

     <!--Title--> 
     <h3 class="font-weight-bold">SEARCH FOR BUDGET:</h3> 
     <!--Sub--> 
     <p class="m-b-3">Select the budget you want to spend in 
         <!--Select--> 

      <select name="_fsub"> 
       <option value="10051314">Diamonds for Engagement Rings</option> 
       <option value="10053544">Diamonds for Wedding Rings</option> 
       <option value="2961128">Loose Diamonds (any shape/size)</option> 
       <option value="233373">Fancy Color Diamonds</option> 
       <option value="189457">Diamond for Jewelry</option> 
       <option value="3414717018">GIA Diamonds</option> 
       <option value="3414718018">EGL Diamonds</option> 
      </select> 
     </p> 

     <div class="budget-search-Icons"> 
      <input name="LH_Price" id="30kA" type="radio" value="30000..100000"> 
      <label class="btn" for="30kA" onclick="submitIt()"> 

       <img alt="" src="Line007.png"> 

       <h6>$30K-ABOVE</h6> 
      </label> 
     </div> 
    </form> 
</section> 

<script> 
function submitIt() { 
    // Do some checking here. 
    document.getElementById("myForm").submit(); 
} 
</script> 
+0

問題の解決方法とコードの内容を簡単に説明してください。ありがとう。 – Aziz

関連する問題