Question

代码：

<script>
    $(document).ready(function(){
        $("#client").change(function(){
          client = $(this).val();
          $("#customer").html(client);
        });
    });
</script>

<a href="<?php echo base_url(); ?>abc/ipdf/<?php echo "<p id='customer'></p>"?>" class="btn btn-danger">PDF</a>

<select name="client" id="client" class="rights">
    <option value="">Select Client</option>
    <option value="test">test</option><option value="ABC Corp">ABC Corp</option>                                    
    <option value="others">Others</option>
</select>

在这段代码中，我有一个下拉列表，当我更改或从下拉列表中选择任何值时，我想要的那个值将添加url，就像我在链接标记中提到的那样..那么，我该怎么做？请帮帮我。

谢谢

Answer 1

您需要存储所选值并在链接上注册点击事件，您可以在其中传递存储的值

<script>
var value = null;
$(document).ready(function(){
    $("#client").change(function(){
      value = $(this).val();
    });
    $("#link").click(function(event){
      event.preventDefault();
      location.href=$(this).attr("href")+value;
      return false;
    });
});
</script>

<a href="<?php echo base_url(); ?>abc/ipdf/" id="link" class="btn btn-danger">PDF</a>

<select name="client" id="client" class="rights">
  <option value="">Select Client</option>
  <option value="test">test</option><option value="ABC Corp">ABC Corp</option>                                    
  <option value="others">Others</option>
</select>

Answer 2

<script>

$(document).ready(function(){
   $("#client").change(function(){
     value = $(this).val();
     href = $("#link").attr("href");
     $("#link").attr("href",href + value);
  });  
});
</script>

<a href="<?php echo base_url(); ?>abc/ipdf/" id="link" class="btn btn-danger">PDF</a>

<select name="client" id="client" class="rights">
  <option value="">Select Client</option>
  <option value="test">test</option><option value="ABC Corp">ABC Corp</option>                                    
  <option value="others">Others</option>
</select>

如何通过url传递下拉值？

2 个答案: