Question

如何添加这样的条件：

如果客户选择日本作为取件选项而英格兰作为退票选项，则页面会在页面上显示该目的地的价格，而对于其他输入，只有一个输出用于确切选择的目的地和取件地点。

＆＃13;

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

＆＃13;

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很简单。您可以通过网址中的querystring将值发送到价目表页面。在加载pricelist页面时，您将从查询字符串中获取值并根据它进行过滤。现在，您必须使用列表中的值而不是文本。您可以匹配数据库中的值，也可以使用国家/地区名称作为值。

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

Answer 3

您可以在脚本中使用window.location，无需使用操作只需添加onclick =＆＃34; Myfunc（）＆＃34;事件

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

如何根据两个选项组合在HTML中添加操作？

3 个答案: