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

您可以更深入地了解您的问题以及您想要帮助的内容吗？

我尽力尝试了解你的问题，这是你在寻找什么？

＆＃13;

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

＆＃13;

Answer 2

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

经过两天的努力解决问题，我终于找到了原因。这是因为<ul></ul>中的data-content标记弄乱了库中元素的索引。因此，我必须避免在<ul></ul>属性中使用data-content。

bootstrap-select选项的错误选择

3 个答案: