bootstrap-select 选项错误 select

Question

这是我的片段：

<form action="/Section/Save">
<select class="selectpicker show-tick" id="CourseID" name="CourseID">
    <option>Pick One</option>
            <option value="1" title="Microsoft Office" data-content="<ul class='select-ul'><li class='text-green'>1</li><li>Microsoft Office</li></ul>">Microsoft Office</option>
            <option value="2" title="DTP" data-content="<ul class='select-ul'><li class='text-green'>2</li><li>DTP</li></ul>">DTP</option>
            <option value="4" title="Microsoft Office" data-content="<ul class='select-ul'><li class='text-green'>4</li><li>Microsoft Office</li></ul>">Microsoft Office</option>
            <option value="5" title="Microsoft Office" data-content="<ul class='select-ul'><li class='text-green'>5</li><li>Microsoft Office</li></ul>">Microsoft Office</option>

</select>
<input type="submit" value="Submit" />

问题是，每次我打开下拉列表时，都选择了错误的项目（或者）在某些情况下，没有选择任何东西

Answer 1

您能否更深入地了解您的问题以及您希望获得哪些帮助？

我已尽力了解您的问题，这是您要找的吗？

<form action="/Section/Save">
  <select class="selectpicker show-tick" id="CourseID" name="CourseID">
    <option>Pick One</option>
    <option value="1" title="Microsoft Office" style="color: green">
      1 Microsoft Office<
    </option>
    <option value="2" title="DTP" style="color: green">
      2 DTP
    </option>
    <option value="3" title="Microsoft Office"style="color: green" >
      3 Microsoft Office
    </option>
    <option value="4" title="Microsoft Office" style="color: green">
      5 Microsoft Office<
    </option>

  </select>
  <input type="submit" value="Submit" />

Answer 2

为了将一个值设置为"selected"，以便它在用户打开页面时显示为第一个选项，您需要存储该值然后检查它。在 PHP 中执行此操作的一种简单方法如下（请记住，您必须事先存储该值并检查它）：

  <select>
    <option>Default if none pre-selected</option>
    <option <?php if($this_value=='this_option_value') { echo 'selected="selected"' }; ?> value='this_option_value'></option>
    <option <?php if($this_value=='this_option_value2') { echo 'selected="selected"' }; ?> value='this_option_value2'></option>
  </select>

相关回答：How can I set the default value for an HTML <select> element?

Answer 3

经过两天的苦苦挣扎，我终于找到了原因。这是因为 data-content 中的 <ul></ul> 标签弄乱了库中元素的索引。所以，我必须避免在 data-content 属性中使用 <ul></ul>。

bootstrap-select 选项错误 select

bootstrap-select wrong selection made to options

twitter-bootstrap

bootstrap-select