用div ul 多个LI代替select中option 如何定义name并且传值

如果你使用 `<div>` 和 `<ul>` 元素来代替 `<select>` 元素，可以使用自定义属性来实现传值。例如，你可以在每个 `<li>` 元素上定义一个名为 "data-value" 的自定义属性，用于保存该选项的值。然后，在选择项发生变化时，可以获取当前选中项的值，并将其存储到一个隐藏的表单字段中，以便在表单提交时将其传递给服务器。

以下是一个示例代码，用于实现基于 `<div>` 和 `<ul>` 元素的下拉菜单，并将选中项的值传递给服务器：

HTML 代码：

<form>
  <div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      请选择一个选项
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
      <ul>
        <li data-value="1">选项1</li>
        <li data-value="2">选项2</li>
        <li data-value="3">选项3</li>
      </ul>
    </div>
  </div>
  <input type="hidden" name="selectedValue" id="selectedValue">
  <button type="submit">提交</button>
</form>

JavaScript 代码：

$(document).ready(function() {
  $('.dropdown-menu li').on('click', function() {
    var selectedValue = $(this).data('value');
    $('#selectedValue').val(selectedValue);
    $('.dropdown-toggle').text($(this).text());
  });
});

在这个示例中，我们使用了 Bootstrap 框架来实现下拉菜单的样式。点击选项时，我们获取了该选项的值，并将其存储到名为 "selectedValue" 的隐藏字段中。在点击提交按钮时，该值将被传递到服务器。

注意，这只是一个示例代码，你需要根据自己的实际需求进行修改。同时，你还需要在服务器端编写代码来接收该值，并进行相应的处理。