Question

我的代码：

select name="accttype">
                <?php foreach($query as $row)
                {
                    $act=$row->accounttype;

                    ?>

                <option value="<?php echo$act;?>"><?php echo$act;?></option>
                  <?php  
                    }
                    ?>



                </select>

当我选择下拉列表时，我想重定向不同的功能以加载不同的页面，例如：

<option value="<?php echo site_url('Controller_n/function'><?php echo$act;?></option>

这可能吗？

Answer 1

检查此样本：

<select id="accttype" name="accttype">
<?php foreach($query as $row)
{
      $act=$row->accounttype;
?>
    <option value="<?php echo $act ?>"><?php echo $act ?></option>
<?php } ?>    
</select>

<script>
    $(function(){
      // bind change event to select
      $('#accttype').on('change', function () {
          var url = $(this).val(); // get selected value
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;
      });
    });
</script>

Answer 2

为您的选择提供ID，如下所示

<select id="accttype">
<?php foreach($query as $row)
  {  
    $act=$row->accounttype; ?>
   <option value="<?php echo$act;?>"><?php echo$act;?></option>
   <?php } ?>
 </select>
// add jquery library if you not added already
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#accttype').change(function(){
  window.location = $(this).val();
});
});
</script>

希望它会对你有所帮助。

选择下拉项并重定向到其他页面

2 个答案: