将选择选项值传输到ul中

Transfer Select option value into ul li

本文关键字：ul 传输 值传 选择 选项      更新时间：2023-09-26

我有选择选项，我想使用它作为ul li，但它不工作，当我使用ul li。

下面是我的代码: 
<select class="order" onchange ="sortex();">
<option <?php  if($order==1){echo "selected='selected'";} ?> value="1">Up to Low</option>
<option <?php  if($order==2){echo "selected='selected'";} ?> value="2">Low to High</option>
<option <?php  if($order==3){echo "selected='selected'";} ?> value="3">A to Z </option>
<option <?php  if($order==4){echo "selected='selected'";} ?> value="4">Z to A </option>
</select>

，下面是我的函数:

function sortex(){
myurl='<?php echo $link;  ?>';
val=$(".order").val();
order='?order='+val;
finalurl= myurl+order;
window.location.replace(finalurl);
}

我想在ul li类中使用它，但是当我使用ul li时，它不工作!

下面是我的代码: 
<ul class="dropdown-menu dropdown-menu-right dropdown-menu-wide">
<li <?php  if($order==1){echo "selected='selected'";} ?> value="1">Up to Low </li>
<li <?php  if($order==2){echo "selected='selected'";} ?> value="2">Low to High </li>
<li <?php  if($order==3){echo "selected='selected'";} ?> value="3">A to Z </li>
<li <?php  if($order==4){echo "selected='selected'";} ?> value="4">Z to A </li>
</ul>

如何在ul中使用?问题是当我使用ul时，数据信息不会被排序，但是当我使用select选项时，它工作得很好，数据将被排序。

Thanks in advance

似乎你要做的是使用Bootstrap的下拉菜单作为select标签的替代品。也许你想要一个比默认的、没有样式的select元素更好看的select元素。

遗憾的是，Bootstrap的Dropdowns 不应该作为select元素工作;它只对一堆链接进行分组。但是，如果在每个元素上使用onclick来调用排序函数，则可以做您想做的事情:

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Sort
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#" onclick="sortex(1);">Up to low</a>
    <a class="dropdown-item" href="#" onclick="sortex(2);">Low to high</a>
  </div>
</div>

你必须改变函数:

function sortex(sortBy){
  var myurl='<?php echo $link;  ?>';
  var order='?order='+sortBy;
  var finalurl= myurl+order;
  window.location.replace(finalurl);
}

我不推荐这个，因为它不支持"选定"的值，因为(再次)，这个下拉菜单不应该这样使用!

所以只要坚持默认的选择标签，或者如果你真的想要一个更好的选择标签，搜索一个库，创建风格化的选择元素

相关文章：