代码之家 › 专栏 › 技术社区 › M. Ko

引导程序选择错误的选项

bootstrap-select twitter-bootstrap

-1

M. Ko · 技术社区 · 9 年前

以下是我的片段:

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

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

3 回复 | 直到 9 年前

tempranova 9 年前

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

The Teknicalist 9 年前

你能更深入地了解你的问题吗?你想得到什么帮助?

我尽了最大努力去理解你在问什么,这就是你想要的吗?

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

M. Ko 9 年前

经过两天的努力,我终于找到了原因。这是因为 <ul></ul> 中的标记 data-content 正在弄乱库中元素的索引。所以,我必须避免使用 <ul></ul> 在 数据内容 属性