如果选择了值,则为PHP下拉列表

时间:2016-11-14 06:27:29

标签: javascript php jquery

我目前有一个jQuery块,我已经包含了这个似乎在我已经测试过的comp OSX, XP上工作正常但是在移动设备和另一台计算机上我有人测试它仍然会转到旧的URL但是我怀疑它可能是一个缓存问题,但有没有办法开发PHP回退?

如果选择prop2值,我想做什么我想像jQuery一样改变表单操作url。

HTML:

<form action='bookingurl' method='get'>
     <label for='channel_code' class="caption">Select property </label>
          <select id='channel_code' name='id'> 
            <option value='prop1'>Prop 1</option>              
            <option value='prop2'>Prop 2</option>
          </select> 
</form>

jQuery的:

jQuery(document).ready(function(){

    jQuery('#channel_code').change(function(){

        if(jQuery('#channel_code').val() == 'prop2'){

             window.location.href = 'https://hotels.cloudbeds.com/reservation/url';

        }

    });

});

1 个答案:

答案 0 :(得分:1)

$(document).ready(function() {

  $('#channel_code').change(function() {

    if ($('#channel_code option:selected').val() == 'prop2') {
alert("go to")
      //window.location.href = 'https://hotels.cloudbeds.com/reservation/url';

    }

  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action='bookingurl' method='get'>
  <label for='channel_code' class="caption">Select property</label>
  <select id='channel_code' name='id'>
    <option value='prop1'>Prop 1</option>
    <option value='prop2'>Prop 2</option>
  </select>
</form>

将选择器指定为:

$('#channel_code option:selected').val() //表示选项选择值