bootstrap-select 对选项所做的错误选择答案

【问题标题】：bootstrap-select wrong selection made to optionsbootstrap-select 对选项所做的错误选择
【发布时间】：2016-03-07 11:00:50
【问题描述】：

这是我的 sn-p：

<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" />

问题是，每次我打开下拉列表时，都会选择错误的项目（或）在某些情况下，什么都没有选择

【问题讨论】：

您是否提供某种变量来自动从下拉列表中选择一个项目？您的表单似乎运行良好，您希望发生什么？
下拉列表应该选择用户在打开下拉菜单时选择的最后一项。在我的情况下，它没有被选择（或）被选择了错误的项目。
如果您没有将值存储在任何地方或将任何值标记为“已选择”，那么它不会自动选择除第一个选项之外的任何内容。 stackoverflow.com/questions/3518002/…
页面首次加载时代码运行良好。当用户选择其他选项时，它无法正常工作。我正在使用这个library

标签： twitter-bootstrap bootstrap-select

【解决方案1】：

为了将值设置为“已选择”，以便在用户打开页面时它显示为第一个选项，您需要存储该值然后检查它。在 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>

【讨论】：

是的。但是这种情况下，就不是正常的select了，是修改后的bootstrap-select Bootstrap-Select
但是您是否还必须以正常方式将其设置为“已选择”，或者至少执行某种 Javascript 来设置值？（即$('.selectpicker').val('2'); 将设置下拉列表的当前值）。查看 Bootstrap-Select 的文档，除了 data-content 属性之外，我没有看到您做任何事情。

【解决方案2】：

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

我已尽力尝试理解您要问的是什么，这就是您要找的吗？

<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" />

【讨论】：

不，看这里：link
当然它不一定是 id，可以是类，或者在示例中：内联样式。
我正在使用这个library
那你是不是要把一个特定的角色变成绿色？您可以尝试只做： data-content="1" 。但是尝试在列表项中创建列表是行不通的。

【解决方案3】：

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

【讨论】：