Как добавить действие в HTML в зависимости от комбинации двух опций?

Question

Как добавить условие, как это:

Если клиент выбрал Японию в качестве опции для съемки и Англии в качестве опции Dropoff, страница отправляет его на странице с ценами этого назначения и для какого-то другого входа есть ровно один выход для выбранного места назначения и места для пикапа.

<div class="advanced-search color" id="booking"> 
 
    <div class="wrap"> 
 
    <form role="form" action="index.html" method="get"> 
 
     <!-- Row --> 
 
     <div class="f-row"> 
 
     <div class="form-group select one-third"> 
 
      <label>Pick up location</label> 
 
      <select id="pickup1" name="p1"> 
 
      <option value="">Select pickup location</option> 
 
      <optgroup label="Asia"> 
 
       <option value="1">China</option> 
 
       <option value="2">Japan</option</optgroup> 
 
      </select> 
 
     </div> 
 
     <div class="form-group select one-third"> 
 
      <label>Drop off location</label> 
 
      <select id="dropoff1" name="d1"> 
 
      <option value="">Select drop-off location</option> 
 
      <optgroup label="Europe"> 
 
       <option value="3">England</option> 
 
       <option value="4">Spain</option</optgroup> 
 
      </select> 
 
     </div> 
 

 
     <div class="form-group right"> 
 
      <center> 
 
      <label>Check for informations</label> 
 
      </center> 
 
      <button type="submit" class="btn large black">Find a transfer</button> 
 
     </div> 
 
     </div> 
 
     <!-- //Row --> 
 
    </form> 
 
    </div> 
 
</div>

Answer 1

Вы можете использовать JQuery для этого,

$(#dropOffSelect).on('change',function(){ 
    var dropOffval = $(this).val(); 
    var pickUplocation = $('#pickUpselect').val(); 
//condition runs here 
    if(pickUplocation ==='Japan' && dropOffval === 'Europe'){ 
    // show the information for it 
} 
}) 

Answer 2

Это просто с помощью JQuery. Вы отправляете значения на страницу с прейскурантом через запрос в своем URL-адресе. При загрузке страницы прейскуранта вы получаете значения из строки запроса и фильтра на основе этого. Теперь вам нужно будет работать со значениями в списке, а не с текстом. Вы можете сопоставить значения из базы данных, или вы все равно можете использовать название страны в качестве значения.

$(function() { 
$('#btnSubmit').click(function() { 
$('form').attr('action', 'pricelist?pickup=' + p1.val() + '&dropoff=' + d1.val()); 
$('form').submit(); 
}); 

Answer 3

вы можете использовать window.location в вашем скрипте не нужно использовать действие только добавить OnClick = «MyFunc()» событие.

if(pickup == "japan" && dropoff == "england") 
    window.location = "url";