如何使用<th></th>下的下拉菜單的默認「選擇」選項？

我正在使用當前在「th」標籤下的下拉框。我正在使用下面的代碼。如何使用<th></th>下的下拉菜單的默認「選擇」選項？

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

其中我動態調用我的下拉元素。

我想在列表頂部顯示「Select」作爲我的默認元素。我嘗試了下面的代碼。但是這不起作用。

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

但標籤在「th」標籤內不受支持。任何想法如何包含這個默認的「選擇」選項？

來源

2017-01-23 Vishwaroopa

使用'' –

你的意思是像'數據過濾控制=「選擇「data-field =」Element_name「> Element_Name'this？或者你能解釋一下嗎？ – Vishwaroopa

'<條數據濾波器控制=「選擇」數據字段=「ELEMENT_NAME」> ELEMENT_NAME' –

您應該像使用任何其他html標記一樣使用th中的select，例如， <div>，<span>

那麼它應該看起來像爲：

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

哪裏selected="selected"總是在一開始就選擇了選項（可以移動到其他選項）。

但我只是好奇你從哪裏得到data-filter-control="select"。或者是爲了某種其他目的？

來源

2017-01-23 05:34:22

是的，我正在使用一張桌子。其中一個列名是Element_name，我應該使用下拉菜單選擇元素。主要是我動態獲取下拉列表的元素。所以我不能使用Option1，option2。 – Vishwaroopa

你如何動態獲取選項？用JavaScript或者你運行某種PHP的後端？ –

我想你使用的表。根據你的代碼，我明白你已經在第th標籤之間放置了選項部分。您應該在第n個標籤之間使用選擇標籤，並在選擇標籤之間使用選項部分。

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

來源

2017-01-23 05:37:27 Akydev

th標籤用於表格標題。你也可以在那裏給你的列標題。並在下一行中可以使用下拉列表。您的問題缺少重要信息。用什麼樣的技術來動態獲取下拉元素。 – Akydev

可能是你可以試試這個。

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

來源

2017-01-23 05:54:23 Peter

我正在使用一張桌子。其中一個列名是Element_name，我應該使用下拉菜單選擇元素。主要是我動態獲取下拉列表的元素。所以我不能使用Option1，option2。 – Vishwaroopa

@Vishwaroopa你是如何動態獲取元素的？您的問題缺少重要信息。 –

如何使用<th></th>下的下拉菜單的默認「選擇」選項？

回答

相關問題