Question

我正在使用一个下拉框，目前在＆＃34; th＆＃34;标签。我使用以下代码。

 <th data-filter-control="select" data-field="Element_name">Element_Name</th>

我动态调用我的Dropdown元素。

我想显示＆＃34;选择＆＃34;作为我在列表顶部的默认元素。我尝试使用以下代码。但这没效果。

<th <option selected disabled class="hideoption">Select</option>data-filter-control="select" data-field="Element_name">Element_Name</th>

但内部不支持标记＆＃34; th＆＃34;标签。知道如何包含此默认值＆＃34;选择＆＃34;选项？

Answer 1

您应该像th一样在任何其他html标签中使用select，例如<div>，<span>

那应该是什么样的：

<th>
    <select>
        <option selected="selected">Default</option>
        <option>Option1</option>
        <option>Option2</option>
    </select>
</th>

selected="selected"是始终在开始时选择的选项（可以移至其他选项）。

但我很好奇你从哪里来data-filter-control="select"。或者那是出于其他目的？

Answer 2

我猜你用的是桌子。根据你的代码，我知道你已经在th标签之间放置了选项部分。您应该在标签之间使用选择标签，并在选择标签之间使用选项部分。

   <th>
          <select>
                  <option value="A"> A </option>
                  <option value="B"> B </option>
          </select>
   </th>

Answer 3

可能你可以试试这个。

                <select id="paper-type">
                     <option>Please Select...</option>
                     <option value="op-one">Art Card</option>
                     <option value="op-two">Ambosh Card (Hard)</option>
                     <option value="op-three">Kraft Card</option>
                     <option value="op-four">Solid Card</option>
                     <option value="op-five">Ambosh Card (Soft)</option>                 
                </select>

要获取所选项的值，请使用下面的JS代码

getSelectedOpt = getElem("#paper-type"),
                paperSelected = getSelectedOpt.options[getSelectedOpt.selectedIndex].text;

如何使用默认＆＃34;选择＆＃34;下拉菜单的选项？

3 个答案: