Drop-manu와 버튼을 사용하여 정보를 제출하십시오.

Question

나는이 사이트에서 일하고 있으며 그 중 하나의 형태는 내부에 drop-manu이며 다른 버튼 이는 모두 결합 (첫 번째 드롭 마누 다음 버튼)는 이베이 스토어 검색

이 보이는 어떻게 앞으로 필요 같은 :

을 아무리 내가하지 않습니다 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> 

는 상관없이 작동하지 않습니다으로!

내가 드롭 마뉘에서 항목을 선택한 다음 아래의 예산을 선택해야하고 내 이베이 내에서 검색이 매개 변수를 저장합니다,

감사합니다!

Answer 1

같은 간단한 데모 작동 : 모든 JQuery와 또는 JS 당신은

<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>