Question

我有php搜索过滤器页面，其中我使用了不同的字段。其中一个是最年轻的驱动程序字段的年龄，它有2个值，如21-24和25+ ..基本上我只想保留选定的值在甚至在搜索之后选择框，这样用户就知道他搜索了什么。现在当我从字段中选择25+并点击搜索时它会回到21-24。但是由于页面连接到顶级数据库，所以它从数据库中选择值，如下面的数据库截图所示，请检查并告诉我是否有任何解决方案

  <select class="half" id="form_frame" name=""  onsubmit="getData(this);"/>
  <option id="value1"  value="21-24" selected="selected">21-24</option>
  <option id="value2" value="25+">25+</option>
  </select>

当我从字段中选择所有值并从驱动程序年龄字段中选择25+时，则url

http://localhost/Vehicle2/?car_type=0&pickup=0&return=0&residence_two=International&driver_age=25%2B&passengers=No.+of+Passengers&search=

http://localhost/Vehicle2/?car_type=0&pickup=0&return=0&residence_two=International&driver_age=21-24&passengers=No.+of+Passengers&search=

我想要driverage = 21-24而不是driver_age

Answer 1

如果您使用的是jquery

，请在javascript中应用onchange事件，如下所示

 jQuery(function () {
        jQuery("#form_frame").change(function () {
            var id = jQuery(this).val();;
            location.href = "http://localhost/php-page/option"+id+"="+id

        })
    })

Answer 2

selectbox的简单使用更改事件处理程序

$(document).on('change','#form_frame',function(){

//window.location.href="http://localhost/php-//page/option"+$(this).//val()+"="$(this).val();

console.log("http://localhost/phppage/option"+$(this).val()+"="+$(this).val());



});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="half" id="form_frame" name="">
 <option  value="10" selected="selected">10</option>
 <option value="11">11</option>
 </select>

如何根据选择框值更改页面的网址？

2 个答案: