如何将键入的combobox输入存储到combobox列表中，仅用于当前会话？
在前端开发中，如果想要将用户输入的内容存储到combobox列表中，仅用于当前会话，可以通过以下步骤实现：
- 创建一个combobox元素，用于显示和选择已存储的内容。
- 创建一个输入框，用于接收用户的输入。
- 创建一个按钮，用于将输入的内容存储到combobox列表中。
- 在按钮的点击事件中，获取输入框中的值，并将其添加到combobox的选项中。
- 使用JavaScript或其他前端框架，监听combobox的选中事件，以便在用户选择某个选项时进行相应的处理。
以下是一个示例代码，演示了如何实现上述功能：
<!DOCTYPE html>
<html>
<head>
<title>Combobox存储输入示例</title>
</head>
<body>
<select id="combobox">
<!-- 这里可以添加一些默认选项 -->
</select>
<input type="text" id="input">
<button onclick="storeInput()">存储</button>
<script>
function storeInput() {
var input = document.getElementById("input").value;
var combobox = document.getElementById("combobox");
// 创建一个新的选项
var option = document.createElement("option");
option.text = input;
// 将新选项添加到combobox中
combobox.add(option);
// 清空输入框
document.getElementById("input").value = "";
}
// 监听combobox的选中事件
document.getElementById("combobox").addEventListener("change", function() {
var selectedOption = this.options[this.selectedIndex].text;
// 在这里可以根据选中的选项进行相应的处理
console.log("选中了：" + selectedOption);
});
</script>
</body>
</html>这个示例中，我们使用了HTML的select元素作为combobox，通过JavaScript的createElement方法创建新的选项，并使用add方法将其添加到combobox中。在按钮的点击事件中，我们获取输入框中的值，并将其存储到combobox中。同时，我们使用addEventListener方法监听combobox的change事件，以便在用户选择某个选项时进行相应的处理。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法给出具体的推荐。但腾讯云提供了丰富的云计算产品和服务，你可以访问腾讯云官方网站，了解他们的产品和解决方案，以找到适合你的需求的产品。
希望这个答案能够满足你的要求，如果有任何问题，请随时提问。
相关·内容
我有一个组合框，其中包含我从Combobox属性选项卡添加到"String Collection Editor“中的内容。该内容是当前用户表单会话的默认选择。如果有人在组合框中输入，我希望输入留在列表中，如果是当前用户表单会话的话。有没有办法做到这一点？
任何帮助都是最好的。谢谢
浏览 9提问于2019-11-18得票数 0
回答已采纳
2回答
我想维护在给定PC上所有应用程序的所有使用中输入到ComboBox中的所有字符串的列表，以用作该ComboBox的AutoCompleteSource，即，我在ComboBox中输入"Fred“，提交数据，关闭应用程序，重新打开应用程序，重新打开ComboBox，键入"F"，接收建
浏览 3提问于2009-04-07得票数 2
回答已采纳
如果用户正在输入的内容在项目列表中，如果它不存在，我希望我的组合框启用自动完成功能，我希望将它包括在我的列表中。有这些项目的ComboBox：“摇滚，乡村，爵士”。如果用户开始输入“Ro.”组合框自动完成为“摇滚”。但是如果用户输入"Blues"，我想将它添加到我的项目中。所以就像：“摇滚，乡村，爵士，蓝军”。
我怎么能这么做？
浏览 3提问于2015-06-25得票数 1
回答已采纳
我是新来的。我有一个关于的问题。
到目前为止，我尝试的是检查displayValue中combobox的displayValue状态，但是它没有工作。open肯定与当前的</e
浏览 13提问于2022-07-05得票数 1
回答已采纳
5回答
现在，我想要将该表中的数据绑定到ComboBox中，以便在ComboBox中显示来自Code列的值。我可以滚动浏览代码列表。此外，我可以开始手动编写代码，ComboBox会自动为我完成代码。那么
浏览 4提问于2010-05-07得票数 5
回答已采纳
有没有办法强制DatePicker的日历只使用十年DisplayMode，并且当在日历上单击year时，在DatePicker的文本框中输入year值？这就是我到目前为止所知道的： <DatePicker x:Name="Dtp_Date" HorizontalAlignment="Left" Margin="117,221,0,0"null) cal.DisplayMode = CalendarMode.Decade;
浏览 23提问于2019-10-30得票数 0
1回答
我需要开发具有弹出列表的自动组合框。该列表中的每一行都应突出显示键入自动完成数据。我只想知道如何将输入的字符串从jcombobox编辑器发送到列表渲染器。我用不用玻璃列表都无关紧要。不知何故，我想我可
浏览 3提问于2013-04-20得票数 0
2回答
为了绑定到视图，我创建了以下ViewModel：{
public CardViewModel当前在代码中被设置为CardViewModel的一个实例，CardForm将在其中实例化，但我将创建一个IoC容器或依赖项注入。除了应该包含所有部门并且在ComboBox实例中选择了当前部门的卡片(card.Department)之外，所有内容都可以正确绑定。下面是ComboBox<e
浏览 3提问于2014-06-19得票数 0
我在c#表单中有一个简单的组合框，它是由一个数组填充的。
我已经将AutoCompleteMode设置为SuggestAppend，将AutoCompleteSource设置为ListItems。这允许我通过在组合框中键入一个字符串来快速过滤列表，匹配的项目会随着我的键入而显示出来。这很好用。但是，当下拉列表打开并且我开始键入时，过滤列表出现在下拉列表的顶部，但我不能从过滤
浏览 8提问于2016-12-03得票数 0
1回答
我以为这将是一项琐碎的任务，但并不是那么简单。问题是用户可以通过两种方式将项插入到ComboBox中：
}var items = comboBox.GetItems<string>();
这不适用于手动键入的文本，因为该文本不属于Items集合，因此我得到了空列表。我想到的一个技巧是在返
浏览 0提问于2018-11-06得票数 0
1回答
我有一个表单，用于将信息输入到表中。，但是最终用户想要更多的是连续的表单布局，现在当我查看值列表时，所有Rows的ComboBox1都是相同的值。我最初使用Form_Current事件来处理向后继承，以便从ComboBox2派生ComboBox1的值。这不太像它最初是单一表单时的工作方式。如何将单一表单Form_Current方
浏览 0提问于2012-08-22得票数 0
因此，当用户忘记输入一些值时，我必须向用户显示错误，但每个DDL都再次初始化，用户信息丢失，我如何避免这种情况？当用户忘记输入值时，我将它们返回到当前的urlResponse.Redirect(Url1);
我听说我们可以通过使用像absolute这样的东西来避免这个问题
浏览 6提问于2014-06-28得票数 1
回答已采纳
1回答
出于自动完成的目的，我使用了一个comboBox，我想知道如何调整comboBox列表的大小，使列表的高度与列表中当前值的数量相匹配。例如，用户在框中键入"62“，自动补全功能进行ajax调用，从数据库中获取与此匹配的值。假设返回了100个值。列表的高度将是maxHeight值(300px)，因为<e
浏览 1提问于2012-06-09得票数 1
1回答
我正面临着一个奇怪的问题。我有一个可编辑的ComboBox和一些项目。在运行我的代码之后，如果我在这个ComboBox中键入了什么并调用getValue()函数，那么它就会给出空值。这是我的代码(那是thenewboston)：包应用程序；import javafx.geometry.Insets;import javafx.scene.
浏览 1提问于2016-01-26得票数 2
回答已采纳
现在，为了确保我得到了我想要的，我正在使用检索作为项目存储在TextBox中的字符串所选属性之一是否返回我的上述语句？当我使用它们的时候，我似乎永远不会得到我想要的东西。我猜这里真正的问题是:每个选定的属
浏览 0提问于2012-05-11得票数 2
回答已采纳
1回答
我对VB.NET中的组合框的自动完成行为( .NET框架2.0)有问题。
我使用一个组合框输入数值，并使用它的DropDown列表来建议可能的数值。，DropDown列表的值顺序是正确的，按原始/升序排列。但是，当我开始键入某些内容时，DropDown列表中的建议值会被排序(字母数字)：如果我键入"9&quo
浏览 4提问于2012-02-21得票数 7
回答已采纳
与相关的是，我希望能够做一些稍微不同的事情。我有一个组合框，它将有很多项目(100+)。这是我必须处理的制约因素。是否存在允许组合框允许用户添加新值但仍然允许输入、帮助自动完成或“选择”已知值的设置？
我知道一种方法是为每个组合框编写一个事件处理程序来验证输入，但是我不想把它绑定到所有的组合框，我想要这个功能。
浏览 2提问于2014-01-09得票数 1
> <ComboBoxItem>Steve</ComboBoxItem>我希望允许用户通过输入一个名称来查找他们的选择绑定到SelectedItem的属性的可接受值是列表中的任意选项，或者没有选择(null)。问题是，如果有人<em
浏览 4提问于2011-01-05得票数 7
回答已采纳
C# WinForms:我使用了具有以下属性的组合框: DropDownStyle: DropDown AutoCompleteSource: ListItems AutoCompleteMode: SuggestAppend所以现在当我在combobox中输入时，它会从它的items.Good列表中建议项目。但问题是，我不希望能够键入任何我想要的内容，我只希望能够从列表中的有效项
浏览 1提问于2012-05-17得票数 7
，只有一个绑定到字符串列表的ComboBox。TextBox显示ComboBox的SelectedValue。
当我在ComboBox和选项卡中键入“桶”时，我会得到意想不到的行为。如果我将DropDownStyle更改为DropDown，它的行为就像预期的那样，但我不希望用户能够键入他们想要的任何内容。它们只应该能够键入列表<
浏览 2提问于2010-01-04得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
