什么是Swing - 相当于HTML <optgroup>
在前端开发中，Swing 是一个相当于 HTML <optgroup> 的概念，它用于在下拉列表中对选项进行分组。Swing 是 Java 中的一个图形用户界面库，它提供了一系列的组件，可以用于创建桌面应用程序。Swing 中的 JComboBox 组件可以用于创建下拉列表，而 <optgroup> 元素则用于在 HTML 中创建具有分组的下拉列表。
Swing 中的 JComboBox 组件可以通过添加 JSeparator 对象来创建分组。例如：
JComboBox<String> comboBox = new JComboBox<>();
comboBox.addItem("Option 1");
comboBox.addItem("Option 2");
comboBox.addItem("Option 3");
comboBox.addItem(new JSeparator()); // 添加分隔符
comboBox.addItem("Option 4");
comboBox.addItem("Option 5");在这个例子中，我们创建了一个 JComboBox 对象，并向其中添加了一些选项。在添加了一个 JSeparator 对象之后，我们再添加了一些选项，这些选项将会被分组在一起。
Swing 中的 JSeparator 对象可以用于创建分隔符，它可以在下拉列表中创建一个可视上的分隔线，以区分不同的选项组。
推荐的腾讯云相关产品：
- 腾讯云服务器：提供弹性、可扩展的云服务器，可以满足不同的应用场景。
- 腾讯云数据库：提供各种类型的数据库服务，包括关系型数据库、非关系型数据库等。
- 腾讯云云原生：提供各种云原生相关的解决方案，包括容器化、微服务、DevOps 等。
产品介绍链接地址：
相关·内容
我想让我的JComboBox将多个选项组合在一起，类似于HTML
<select>
<optgroup label="A">
<option/>
<option/>
</optgroup>
</select>
我在Swing中找不到任何解决方案。为Combobox操作UI渲染器似乎不是一个好主意，因为它依赖于OS &L&F(它们是私有的，所以不能扩展)。
浏览 9提问于2011-03-08得票数 10
回答已采纳
1回答
我正在学习struts2中的表单验证。我已经成功地实现了它，当文本字段为空时，它会在jsp页面上显示一条错误消息。但是现在我删除了<s:textfield>，取而代之的是使用<input type="text">标签。现在这是不起作用的，谁能让我知道如何实现这一点？
以下是我的代码
@Namespace("/User")
@ResultPath("/")
@Result(name = "input", location = "pages/registration.jsp")
public c
浏览 0提问于2016-02-17得票数 0
Flex新手，Flex中与以下HTML标记最接近的等价物是什么？
<select size="9">
<optgroup label="Group 1">
<option>Value 1</option>
<option>Value 2</option>
</optgroup>
<optgroup label="Group 2">
<option>Value 5<
浏览 0提问于2009-04-29得票数 0
回答已采纳
1回答
我正在使用Kendo，并希望在我的选择列表中有一个被选中的组。要这样做的html是：
<select>
<optgroup label="Options 1">
<option>Option 1.1</option>
<option>Option 1.2</option>
</optgroup>
<optgroup label="Options 2">
<option>Option 2.1</option&g
浏览 3提问于2014-07-23得票数 1
回答已采纳
我想知道使用本地html元素选择，我能做这个添加(子菜单)
进程
缺乏过程
未能遵循过程
<!DOCTYPE html>
<html>
<body>
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</
浏览 4提问于2013-12-06得票数 1
回答已采纳
我正在使用bootstrap selectpicker来创建自定义选择框。问题是noneResultsText没有提供optgroup，当我删除optgroup时，noneResultsText工作得很好。不确定解决方案是什么。
HTML：
<select class="selectpicker" data-live-search="true" >
<optgroup label="Picnic">
<option>Alabama</option>
<opt
浏览 1提问于2015-06-07得票数 1
我有以下代码
<% optgroup_label = "May 2017" %>
<optgroup label= <%= optgroup_label %> >
它将生成以下HTML
<optgroup label="May" 2017>
还有人遇到过这个问题吗？我不确定我错过了什么。
浏览 0提问于2017-07-17得票数 0
我正在尝试将一个optgroup添加到一个select元素前面
HTML：
<select id="select"></select>
JS：
var newItemMessage = "For new item start typing";
$("#select").prepend('<optgroup label='+newItemMessage+'></optgroup>');
这是我的JSFiddle
问题是，只有变量中的第一个单词被添加到标签中，这是附加的
浏览 18提问于2017-01-24得票数 0
回答已采纳
我有一个函数，它的名字被呈现出来，它有两个参数:容器是一个超文本标记语言中的类，而items只是我的学生数组，它包含了每个学生的信息，并且它有‘<select>’属性。
我的想法是在字符串中创建一个<opgroup>标记，然后通过.innerHTML将其传递给HTML.问题是，我想创建一个相对于学生类的新<optgroup>来分隔每个类，但我不知道如何将object.class的值传递给<optgroup>标签。你能告诉我如何在js文件中将JavaScript变量传递给这个<optgroup id="optgroup-class&#
浏览 1提问于2019-08-29得票数 1
更新:我从
$('select[name=productSelect]').setOptions(["All products|ALL", "Products visible to all|VISIBLETOALL=1"]);
至
$('select[name=productSelect]').prepend(["All products|ALL", "Products visible to all|VISIBLETOALL=1"]);
现在我得到了一个错误：
error: TypeError:
浏览 0提问于2018-10-09得票数 0
1回答
如何制作多级组合框。这里我使用了以下html代码：
<select name="comboName" class="droplist droplist-by-select">
<optgroup label="1">
<optgroup label="1.1">
<option value="1.1.1"> 1.1.1 </option>
浏览 0提问于2012-04-08得票数 1
2回答
我试图根据前面的选择筛选一个select字段，但是它不起作用，它给了我一个错误：
未明错误:语法错误，未识别表达式:optgrouplabel=上门销售
<select id="affiliation" name="affiliate[industry]">
<option value="">Industry</option>
<option value="3">Auto Sales</option>
<option value=&#
浏览 0提问于2017-10-20得票数 0
回答已采纳
我正在使用以下内容：
XElement select = new XElement("select");
XElement optGroup = null;
if (topics.Count() > 0) {
optGroup = new XElement("optgroup", new XAttribute("label", "Admin"));
optGroup.Add(new XElement("option", new XAttribute("value", "
浏览 1提问于2012-07-24得票数 0
回答已采纳
1回答
我有一个下拉列表，它是从视图模型的可观察数组中填充的。有一个按钮，它将数据绑定到从数组中移除其中一个元素的函数中。单击按钮时，数组执行移位以移除元素。但是，下拉列表并不反映变化和下拉值的变化。
html：
<!-- ko if: t -->
<select data-bind="template: { name: 'selectTemplateType', data: t }, value: selectedId"></select>
<!-- /ko -->
<!-- ko ifnot: t -->
浏览 2提问于2021-06-08得票数 0
回答已采纳
1回答
我正在通过jQuery构建一个下拉选项，使用以下内容：
var myOptions = {
var1 : 'Road',
var2 : 'Rail'
};
var mySelect = $('#q54');
$.each(myOptions, function(val, text) {
mySelect.append(
$('<option></option>').val(text).html(text)
);
});
构建下拉列表，
浏览 1提问于2017-10-23得票数 0
回答已采纳
1回答
我正在使用Rails html助手创建一个简单的html结构，其中包含一个label、一个select和optgroups (这是唯一稍微复杂的部分)。
然后我创建了一个名为resources_optgroup的助手。我想要这样的输出：
<div>
<label>Something</label>
<select name="something">
<optgroup label="something">
<option value="
浏览 2提问于2015-09-18得票数 2
回答已采纳
3回答
在html中预加载数据并与javascript一起使用的最佳方法是什么。我不想在javascript中使用变量，也不想保存ajax查询。
它可能是将XML数据放入隐藏的div？
示例：
1; Europe
2; Latin America
------------------
2, 1, Argentina
2, 2; Brazil
2, 3, Chile
1, 4, France
1, 5, Spain
1, 6; Italy
他将不得不将数据加载到一个选择中，这取决于您选择的国家。是大量的数据，需要快速，我更喜欢它的预装。
编辑解决方案，基于建议的解决方案：
<!DOCTYPE
浏览 6提问于2009-12-01得票数 0
回答已采纳
试图使用在此页面上可以看到的md所选的-html表达式。：
在我所能找到的互联网络上没有这种用法的例子。我已经能够找到的例子，md选定的文本表达式在网上工作，没有问题。下面的第一个代码是这个工作和javascript函数触发的例子。
<md-select ng-model="selectedItem" md-selected-text="getSelectedText()">
<md-optgroup label="items">
<md-option ng-value
浏览 0提问于2017-05-26得票数 2
我正在尝试生成一个动态<optgroup>
我想生成如下所示的<optgroup>标记
<select>
<optgroup label="first">
<option value="first1">first1</option>
<option value="first2">first2</option>
</optgroup>
<optgroup label="second">
浏览 1提问于2014-02-14得票数 0
回答已采纳
1回答
如何隐藏选项组/选项元素？
、、、、
有办法隐藏option或optgroup HTML元素吗？我尝试在hide()中调用jQuery，并使用常规Javascript设置style.display='none'。
它在Firefox中工作，但在其他浏览器中不起作用。实际上，从DOM中删除它们是可行的，所以可能有一种方法可以在删除DOM元素时保存它，并将它们重新插入到相同的位置？
我的HTML是这样的：
<select name="propsearch[area]" id="propsearch_area">
<option value="0"
浏览 2提问于2010-04-28得票数 29
回答已采纳
我已经使用html optgroup实现了以下多选择。
下面是我为上述实现编写的代码。
HTML
<select multiple="" class="form-control select-checkbox" size="20">
<optgroup label="One">
<option>Dog</option>
<option>Cat</option>
<option>Hippo</option>
&l
浏览 3提问于2021-08-23得票数 0
1回答
创建数组，根据子元素分组
、、、
我有这个html：
<select id="this_id">
<option value="0" class="empty-item">Choose Type</option>
<optgroup label="FirstGrouping"></optgroup>
<option value="2">Thing1</option>
<optgroup label="SecondGrouping">
浏览 2提问于2016-12-10得票数 1
回答已采纳
2回答
我正在尝试添加一个滚动功能到我的网站。标签对此工作良好，我想加载一个新的网站，如果选择了一个选项。这是我现在所拥有的。
<body>
<script type="text/javascript">
$('document').ready(function(){
$('#button').click(function(){
var val = document.getElementById("scr
浏览 5提问于2013-11-14得票数 1
回答已采纳
我创建了带有optgroup的选择框，在开发过程中，我看到在Chrome中，optgroup用1px移动到右边，但在Firefox中显示得很好。
这是我的密码
HTML
<div class="col-xs-6" id="test">
<select aria-invalid="false" class="form-control" multiple="multiple" size="6">
<option value="120">O
浏览 6提问于2016-03-09得票数 0
有没有办法使用CSS设置HTML元素'optgroup‘的样式？尤其重要的是，该样式显示在iPad的移动iOS浏览器上。
HTML是：
<optgroup label="Great Britain">
<option value="EUROPE_ENGLAND">England</option>
<option value="EUROPE_SCOTLAND">Scotland</option>
<option value="EUROPE_W
浏览 3提问于2012-09-17得票数 0
回答已采纳
我有以下几点：
$('.select-topic').click(function () {
if ($(this).attr('data-list') == "N") {
$(this).attr('data-list', 'Y')
var topicSelectHtml = $('#TopicID').html();
$(this).html(topicSelectHtml);
$(this).attr('data-
浏览 0提问于2012-07-25得票数 0
回答已采纳
我使用的是Rails 4.0，我想使用content_tag助手创建以下html。
<select multiple="multiple" id="shared-resources" style="width:100%" name="contact[resources]">
<optgroup label="firstgroup" id="firstgroup">
<option value="1">Option 1</o
浏览 4提问于2014-10-14得票数 0
回答已采纳
2回答
我正在尝试在GXT 3中使用options、和GXT类别来做一个。
我可以使用ComboBoxCell为选项和类别提供不同的显示。
问题:我需要类别是不可选的(与HTML <optgroup>一样)。
下面是一个普通的旧HTML comboBox (<select> tag)
HTML代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<select>
<optgroup label="category 1
浏览 3提问于2013-06-26得票数 0
回答已采纳
2回答
动态添加选项
、、
我有以下html结构，并试图通过javascript在optgroup中添加选项元素。我也在使用jquery移动框架。
Html如下：
<form>
<div class="ui-field-contain">
<label for="selectID">Look-up</label>
<select name="select-native-4" id="selectID">
<option>Choose...</o
浏览 0提问于2014-06-11得票数 3
回答已采纳
我正在尝试查找select控件中当前选定选项的optgroup标签的值。下面是一些html来展示我想要做的事情。
<select id='sector_select' name='sector_select' data-placeholder="Select Sector..." style="width:200px;" class="chzn-select">
<option value='' selected='selected'>All
浏览 0提问于2012-04-11得票数 26
回答已采纳
假设我有一个集合选择输入和一个分组的集合选择，如下所示： Input 1:
<select name="some_name_1" id="input_1_id">
<option value="1"> Java Developer </option>
<option value="2"> Ruby Developer </option>
<option value="3"> C# Developer </option&
浏览 31提问于2020-06-17得票数 0
回答已采纳
1回答
我是javascript的新手，我想从下拉菜单中打印出一个选定的项目。
下面是HTML代码：
<fieldset>
<label>3. Select your operating system</label>
<select class="form-control" name="Os">
<option selected="selected" value="select one">- select one -</o
浏览 0提问于2014-07-09得票数 0
我有一个多值select，并且我想使用select2库设置对所选项目数量的限制。
告诉我应该在对象初始化期间设置maximumSelectionSize。不幸的是，以下代码不起作用：
$(document).ready(function () {
$("#select_demo").select2({
maximumSelectionSize: 3
});
});
我的html选择框：
<div class="form-group">
<select id="select_demo" mu
浏览 0提问于2015-04-07得票数 9
回答已采纳
1回答
我使用的选择(一个select2.js替代)。当我使用两个optgroup在我的字段上运行selec化时，其中一个optgroup消失了\(0_o)/
这是select字段的HTML：
以下是它在视图中的样子：
似乎引号正在给它带来麻烦，因为如果我在打印值之前从数组中删除该值，就会出现消失的optgroup。不过，我确实需要这些符号。
这是生成HTML的PHP代码：
<select name="output_selected_columns[]" id="output_selected_columns" class="selectize
浏览 10提问于2022-09-13得票数 0
2回答
在HTML中可以使用group选择选项：
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value=&#
浏览 8提问于2017-12-31得票数 0
如何显示/重定向从HTML页面下拉列表到新页的选定值？例如，如果我从下拉列表中选择任何值，当我单击“GO”按钮时，该页面将被定向到一个新页面，并显示所选的值。这件事需要帮助。
<!DOCTYPE html>
<html>
<body>
<div align="center">
<center>
<h4 style="color:darkblue">Choose Your Food/Beverage & Status : </h3>
浏览 1提问于2017-08-25得票数 1
回答已采纳
3回答
我有两个选择菜单，第一个是我想要选择的类别，另一个是我从其他菜单中选择的类别的optgroup，当我从第一个菜单中选择时，我希望第二个菜单加载与我选择的类别相关的optgroup，但它没有
HTML & PHP：(选择选项是从数据库加载的)
<select name="workout" id="exc">
<optgroup label="Legs">
<?php
$sql = "SELECT excercise FROM legs";
$res = mysql_query($sql) or
浏览 1提问于2015-01-19得票数 2
2回答
我有个小问题。我希望在我的页面中有一个具有结构的HTML选择：
<select id="selectedFormulae">
<option value="0" disabled="" selected="">select</option>
<optgroup label="Box1">
<option value="1">Formula1</option>
<option
浏览 0提问于2015-08-26得票数 1
回答已采纳
我使用此jQuery删除第一个选项组：
var topicSelectHtml = $('#TopicID')
.clone()
.find("optgroup:first")
.remove().end().html();
来自以下HTML：
<select name="TopicID" id="TopicID">
<optgroup label="Admin">
<option value="0000">All Top
浏览 2提问于2012-07-29得票数 0
下面是我的代码，允许用户从下拉列表中选择多个值，当用户单击“Go”按钮时，所选的值将显示在新页面上。我还为这两个属性创建了类，以便列出选定的值。
不幸的是，当在选择后单击按钮时，将不会显示任何内容。在这方面需要帮助。
"mainTest.html“页面
< script type = "text/javascript" >
(function() {
/**
* Handles the click of the submit button.
*/
function onSubmitClicked(event) {
浏览 1提问于2017-08-28得票数 1
回答已采纳
<html>
<body>
<select name="lstparameters">
<optgroup value="100" label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup valu
浏览 0提问于2016-04-14得票数 9
我有一个解决方案，可以将optgroup与我选择的html标记一起使用。
下面是这篇文章：
现在我想在这个SELECT中允许一个空值。我尝试使用optionsCaption：
<select data-bind="foreach: brands, optionsCaption: ' '">
<optgroup data-bind="attr: {label: $data}, foreach: $parent.vehicles">
<!-- ko if: Brand == $parent -
浏览 1提问于2013-04-12得票数 3
我对此的了解非常有限，但我认为我的问题出在这个函数中。它所做的是显示一些要在项目帖子中选择的选项。从我所看到的，它只在类别改变时加载。正因为如此，当你编辑这篇文章时，这个功能将不会显示，除非你将类别更改为另一个类别，然后恢复到你想要的类别。我希望它每次都能显示，除了if语句中的那些类别。
请协助...
$(document).on('change', "#catId", function () {
var optgroups = $(this).children("optgroup[label='Nekretnine'], optg
浏览 7提问于2017-06-06得票数 0
回答已采纳
1回答
我在IE9及更低版本中遇到了一个麻烦的javascript错误。我有两个选择框。一个是“选择你的州”框。此select将过滤处于该状态的select to选项的选项。
在我尝试过的所有东西中，除了IE，它都能正常工作。正如您在HTML示例中看到的，选项包含在optgroup中。我在document.ready上创建了一个选项对象，然后将它们从DOM中删除。在状态选择框改变时，我将带有optgroups的选项子集放入store select中。但是，IE只放置选项组，而不放置选项。我尝试了几种将元素附加到select的不同方法，但IE就是不会附加optgroup的子选项。
这里是简化的html和
浏览 3提问于2013-01-03得票数 0
我需要显示/重定向从HTML页面到新页面的下拉列表的选定值。代码无法执行。在这方面需要帮助(使用javascript)。
这些是'mainTest.html‘文件的代码。我在将页面重定向到另一个HTML页面时遇到了失败。
< script type = "text/javascript" >
(function() {
/**
* Handles the click of the submit button.
*/
function onSubmitClicked(event) {
// Get the
浏览 3提问于2017-08-25得票数 0
回答已采纳
我使用的是角5.x和select标签，optgroup沿侧Bootstrap 4.1.x
我的component.html如下：
<select size="15" class="form-control mr-4">
<optgroup label="Properties">
<option *ngFor="let eachVal of dataResults
浏览 1提问于2018-06-19得票数 0
回答已采纳
1回答
在这里，我创建了两行下拉列表，并分别为每一行创建了“食品/饮料”和“进餐/带走”。如何创建允许显示多个值的数组。
此代码(mainTest.html)在多个值时显示两行下拉列表。
(function() {
/**
* Handles the click of the submit button.
*/
function onSubmitClicked(event) {
// Get the input element from the DOM.
var beverage = document.getElementById('foodbevera
浏览 1提问于2017-08-28得票数 1
回答已采纳
2回答
我需要帮助处理下面的jQuery，它不适合我。只有当<optgroup label="Knowledge Base">不存在时，我才想启动一些操作
我的HTML (不能更改)：
<select id="entry_forum_id" name="entry[forum_id]">
<optgroup label="Knowledge Base"> … </optgroup>
<optgroup label="Incidents"> … </optgr
浏览 6提问于2013-08-15得票数 4
回答已采纳
1回答
OPTGROUP元素似乎不是根据我定义的CSS规则呈现的。
参见下面的示例，人们可能希望“瑞典汽车”被呈现为“瑞典汽车”，但事实并非如此。
有没有其他方法可以完成这件事？
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
.upper { text-transform: uppercase;}
</style>
<select>
<optgroup label="Swedish Cars" class="upper
浏览 0提问于2013-07-24得票数 1
我有一个HTML元素，它包含一些包含一些<select>元素的<optgroup>元素，如下所示：
<select>
<optgroup label="label1">Label 1
<option>opt1.1</option>
<option>opt1.2</option>
<option>opt1.3</option>
</optgroup>
<optgroup label="label2&#
浏览 0提问于2017-01-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
