在 asp.net 中使用数据绑定使用 optgroup 元素填充 HtmlSelect

Question

我正在使用 asp.net，并且我的页面上有一个 HtmlSelect 元素（带有 runat="server"）。通常我只会将 DataSource 设置为一些加载的数据和 DataBind。然而，在本例中，数据具有一层层次结构，我想在 HTML 中使用 optgroup 来表示这一点。谷歌还没有带来任何喜悦——这可能吗？

Answer 1

我有一个类似的问题需要解决，这就是我所做的。在继续之前，我确实找到了各种列表的重新分解方法，这些方法可能有效。但是，我认为这不是我的解决方案的最佳途径。这就是我所做的：

我还需要知道用户在下拉列表中选择了哪个选项，但发现无法在 ASP.net 中使用选项组构建下拉列表。因此，为了做到这一点，我只是构建了一个简单的 ，其中每个都有和团体。然后我放置了一个带有隐藏文本框的 ，其中设置了 runat="server"。我在选择上设置了“onchange”事件，将隐藏文本框的文本值更改为用户使用 JavaScript 选择的选项值。然后，当回发发生时，后面的代码可以通过隐藏文本框的 runat="server" 访问用户选择的值。问题解决了！代码看起来像这样：

HTML 中的代码 (aspx)：

<div id="selectDiv">
    <select id="selectItems" onchange="document.getElementById('hiddenselectDiv').getElementsByTagName('input')[0].value = this.options[this.selectedIndex].value;">
        <optgroup label="Johannesburg">
            <option value="Wilropark">Wilropark</option>
            <option value="Bryanpark">Bryanpark</option>
            <option value="Hurlingham">Hurlingham</option>
            <option value="Midrand ">Midrand </option>
            <option value="Glenvista">Glenvista</option>
            <option value="Sunninghill">Sunninghill</option>
            <option value="Edenvale ">Edenvale </option>
            <option value="Parkhurst">Parkhurst</option>
        </optgroup>
        <optgroup label="Cape Town">
            <option value="Tokai">Tokai</option>
            <option value="Durbanville">Durbanville</option>
        </optgroup>
        <optgroup label="Durban">
            <option value="Musgrave">Musgrave</option>
        </optgroup>
        <optgroup label="Pretoria">
            <option value="Hatfield">Hatfield</option>
        </optgroup>
    </select>
</div>
<div id="hiddenSelectDiv">
    <!--
    Note: You probably want to set the hidden value to the first item you have seleced when you build the <select> object.
    -->
    <input type="hidden" id="selectedItem" value="Wilropark">
</div>

在隐藏代码 (C#) 中：

if (!string.IsNullOrEmpty(selectedItem.Value))
{
    //validation or whatever you want....
}

Answer 2

我一直在寻找同样的东西，看起来 ASP 本身并不支持这个。一项 Google 搜索发现有人推荐 http://www.codeplex.com/SharpPieces 上的一个库，但我我从来没有用过它，我不知道它有多好。其他人谈论编写自己的渲染器以支持 optgroup。