Javascript 如何使用默认值；选择"；下拉列表选项，位于<；th></th>；？

我正在使用一个下拉框，在“th”标签下显示。我正在使用以下代码

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

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

元素名称

在这里，我动态调用我的下拉元素

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

我想在列表顶部显示“Select”作为默认元素。但这并不奏效

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

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

元素名称

---

但“th”标记内不支持标记。你知道我如何包括这个默认的“选择”选项吗？

你应该在

th

中使用Select，就像其他html标记一样，例如

，

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

所以它应该是这样的：

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

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

违约
选择1
选择2

其中

selected=“selected”

是始终在开始时选择的选项（可以移动到其他选项）

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

---

但我只是好奇，你从哪里得到了

datafiltercontrol=“select”

。或者那是为了别的目的？

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

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

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

A.
B

也许你可以试试这个

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

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

---

使用

…

你的意思是像

元素名称这样吗？或者您可以解释一下吗？
SelectElement\u Name
您的答案会在我的标题旁边生成一个新的下拉框。我已经有了一个下拉列表，我将其定义为
data filter control=“select”data field=“Element\u name”
，并且我将数据与之绑定。我只需要在我的数据顶部添加一个
Select
。你使用什么jquery插件来生成下拉列表，因为它远离标准HTML？是的，我使用的是表。其中一个列名是Element_name，我应该使用下拉菜单来选择元素。主要是动态获取下拉列表中的元素。所以我不能使用选项1，选项2。你是如何动态获取选项的？使用javascript还是运行某种php后端？我使用的是一个表。其中一个列名是Element_name，我应该使用下拉菜单来选择元素。主要是动态获取下拉列表中的元素。所以我不能使用Option1，option2。@Vishwaroopa您是如何动态获取元素的？您的问题缺少重要信息。是的，我正在使用表格。其中一个列名是Element_name，我应该使用下拉菜单来选择元素。主要是动态获取下拉列表中的元素。所以我不能使用Option1，option2.th标记作为表格标题。你也可以给你的专栏标题。在下一行中，您可以使用下拉列表。你的问题缺少重要信息。您使用什么样的技术来动态获取下拉列表的元素。