我創(chuàng)建了一個客戶c＃DropDownList控件，該控件可以將其內(nèi)容呈現(xiàn)為optgroup（不是從頭開始，我編輯了一些在Internet上找到的代碼，盡管我確實知道它在做什么），并且工作正常。但是，我現(xiàn)在遇到一種情況，我的下拉菜單中需要兩個縮進(jìn)級別，即<select> <optgroup label="Level One"> <option> A.1 </option> <optgroup label="Level Two"> <option> A.B.1 </option> </optgroup> <option> A.2 </option> </optgroup></select>但是，在上面的示例代碼段中，它呈現(xiàn)Level Two的縮進(jìn)量與相同Level One。有沒有一種方法可以產(chǎn)生我想要的嵌套o(hù)ptgroup行為？
3 回答
茅侃侃
TA貢獻(xiàn)1842條經(jīng)驗 獲得超22個贊
這里的HTML規(guī)范確實壞了。它應(yīng)該允許嵌套的optgroup，并建議用戶代理將它們呈現(xiàn)為嵌套菜單。相反，僅允許一個optgroup級別。但是，他們確實必須就該主題說以下幾點(diǎn)：
注意。建議實現(xiàn)者，HTML的未來版本可以擴(kuò)展分組機(jī)制，以允許嵌套組（即，OPTGROUP元素可以嵌套）。這將使作者能夠代表更豐富的選擇層次。
用戶代理可以開始使用子菜單來渲染optgoup，而不是像現(xiàn)在那樣在optgroup中的第一個option元素之前顯示標(biāo)題。
心有法竹
TA貢獻(xiàn)1866條經(jīng)驗 獲得超5個贊
這很好，但是如果您添加的選項不在optgroup中，則會出現(xiàn)問題。
<select>
<optgroup label="Level One">
<option> A.1 </option>
<optgroup label=" Level Two">
<option> A.B.1 </option>
</optgroup>
<option> A.2 </option>
</optgroup>
<option> A </option>
</select>
如果您立即使用css并關(guān)閉optgroup會更好：
<select>
<optgroup label="Level One"></optgroup>
<option style="padding-left:15px"> A.1 </option>
<optgroup label="Level Two" style="padding-left:15px"></optgroup>
<option style="padding-left:30px"> A.B.1 </option>
<option style="padding-left:15px"> A.2 </option>
<option> A </option>
</select>
www說
TA貢獻(xiàn)1775條經(jīng)驗 獲得超8個贊
好吧，如果有人讀過：最好的選擇是 在每個額外的縮進(jìn)級別上添加四個s，看來！
所以：
<select>
<optgroup label="Level One">
<option> A.1 </option>
<optgroup label=" Level Two">
<option> A.B.1 </option>
</optgroup>
<option> A.2 </option>
</optgroup>
</select>
添加回答
舉報
0/150
提交
取消