Question

如何将选择下拉列表值传递给网址 这是我试过的。

<select name="value"> 
  <option value="1">1</option> 
  <option value="2">2</option> 
  <option value="4">4</option> 
  <option value="10">10</option> 
</select>

$(document).ready(function(){ $('select').on('click', function(e){
    e.preventDefault();
    var value = $('#one').val();
        window.location.href = url+'?&'+value;
}   }); });

Answer 1

这是工作的事情。此外，我不确定，你的意思是“简单地将选择值传递给URL”

$sanitized_value = !empty($_POST['door']) ? prefix_sanitize_checkbox($_POST['door'], 'submit_doors') : ''; // this will return the value only if the checkbox contains the value "submit_doors", otherwise, it will return empty string.

Answer 2

您应该使用.change代替on.click。同时为id

添加select

<select name="value" id="selectedID">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="4">4</option>
    <option value="10">10</option>
</select>

和

$(document).ready(function(){
    $("#selectedID").change(function(){
        var value = $('#selectedID').val();
        window.location.href = url+'?&'+value;
    }
});

Answer 3

问题不明确是否要从选项中获取值并使用REQUEST查询重新加载页面＆＃34;值？=＆＃34;使用所选值，使用此代码

$(document).ready(function()
{ 
      $('select').on('change', function(e)
      {
            var value = $(this).val();
            window.location.href = '?value='+value;
      }); 
});

如果你想在不重新加载的情况下替换url尝试替换历史状态，请使用此代码

$(document).ready(function()
{ 
  $('select').on('change', function(e)
  {
        var value = $(this).val();
        var urlNow = window.location.href.replace(/\?.*/g,'').replace(/\/$/g,'');
        history.replaceState({},'',urlNow+'/?value='+value);
  });
});

如何使用Jquery将选择值传递给url

3 个答案: