如何让特定的输入(普通文本输入或下拉列表)在单击某个按钮时显示？
要实现让特定的输入在单击某个按钮时显示，可以通过以下步骤来完成：
- 创建一个包含输入和按钮的HTML页面。可以使用HTML的
<input>元素来创建文本输入框，使用<select>元素来创建下拉列表，使用<button>元素来创建按钮。 - 使用JavaScript编写事件处理函数。可以通过给按钮添加
onclick事件来触发函数。在函数中，可以使用DOM操作获取输入框或下拉列表的值，并将其显示在页面上的某个区域。 - 在事件处理函数中，可以使用
document.getElementById()方法获取输入框或下拉列表的元素，并使用.value属性获取其值。 - 创建一个用于显示结果的区域。可以使用HTML的
<div>元素来创建一个用于显示结果的区域，并给它一个唯一的id属性。 - 在事件处理函数中，可以使用
document.getElementById()方法获取结果区域的元素，并使用.innerHTML属性将输入的值显示在该区域。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>显示特定输入的示例</title>
</head>
<body>
<input type="text" id="textInput">
<select id="selectInput">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
<button onclick="showInput()">显示输入</button>
<div id="result"></div>
<script>
function showInput() {
var textValue = document.getElementById("textInput").value;
var selectValue = document.getElementById("selectInput").value;
var resultElement = document.getElementById("result");
resultElement.innerHTML = "文本输入的值：" + textValue + "<br>下拉列表的值：" + selectValue;
}
</script>
</body>
</html>在这个示例中，用户可以在文本输入框中输入文本，选择下拉列表中的一个选项，然后单击按钮。在按钮被点击时，输入的值将显示在页面上的结果区域中。
这个示例中没有提及具体的云计算相关内容，因为这个问题与云计算无关。如果您有其他关于云计算或其他IT互联网领域的问题，欢迎继续提问。
相关·内容
我目前正在为我正在帮助建立的一个网站构建前端表单，我正在尝试弄清楚如何根据用户选择的按钮来显示文本输入或下拉列表。有什么办法可以做到这一点吗？例如，可能通过JavaScript、Jquery等？我将非常感谢您的帮助:)(免责声明)我的目标是将美元金额作为
浏览 15提问于2021-02-20得票数 1
因此，使用下面的示例数据，如何防止带有信息消息的重复条目。重复的条目应该基于行而不是整个工作表。因此，如果我要添加名为Colour2的第二列，然后为Bob添加“Blue”。我要它用一条合适的信息来阻止进入。但是我不想因为亚历克斯还没有选择蓝色而阻止他加入“蓝色”。
浏览 0提问于2018-10-16得票数 1
回答已采纳
1回答
在FocusOut事件上，我想隐藏文本输入(在本例中，文本输入是由jquery输入而不是文本输入初始化的ul )。
到现在为止一切都很好。现在，在小提琴中，如果您单击+ Add按钮，输入和下拉(带有说明)出现，然后如果您单击预览窗口中的其他任何位置，它将消失，这就是预期的行为
浏览 1提问于2013-05-18得票数 0
我想在K2的item.php中包含一个新的模块位置。有可能吗？此模块应在文章中左对齐，项目图像应在文章中右对齐。提前谢谢。
浏览 3提问于2012-07-03得票数 2
回答已采纳
因此，我试图获得一个下拉列表，这将允许我也插入免费文本与这段代码，我可以选择一个项目，从我选择的范围内，在谷歌工作表，但有没有办法使它，这样它也将允许文本输入新的文本。下面是我的代码，我也尝试过使用Datalist (可能更好)，但是我无法让它正常工作，任何帮助都会非常感谢 <script type="
浏览 3提问于2020-10-15得票数 1
回答已采纳
我有一个多选下拉输入，当用户单击add图标时，我将所有选择的项保存在(useState)数组中。 当下拉菜单中的"Other“选项被选中时，我想渲染输入字段。并且还希望将在other中输入的值添加到数组中。error: false, [input]:event.target.value});
const [otherState, setOtherState] = useState
浏览 37提问于2021-09-23得票数 1
我已经创建了一个简单的UWP应用程序。我想要的是，每当用户单击AutoSuggestBox时，它都需要将ItemsSource中的所有项显示为建议。当我设置DisplayMemberPath时，组合框可以正常工作，但是单击AutoSuggestBox并不会显示ItemsSource作为建议。请帮帮忙。(在本例中，当我单击AutoSuggestBox时，它需要显示A
浏览 6提问于2022-04-27得票数 0
2回答
我在链接上有一个JQuery脚本，每次用户需要的时候都会添加和添加额外的输入字段。当代码用于标准下拉框时，它工作得很好，但我需要下拉列表与从同一个表中提取的列表相同。></select>
这在标准php中很好，但我不知道如何让用户在单击功能"Add字段“时添加这个字段，该字段引用了下面的JQ
浏览 3提问于2014-04-08得票数 0
回答已采纳
1回答
我想要一个下拉列表来实现特定的输入。但是内置的select在我看来并不好。所以我试着用列表来实现它。我已经在这方面取得了部分成功。当我单击文本字段时，列表通过从文本字段向下滑动来显示，而当单击列表时，通过向上滑动来消除列表。幻灯片动画是使用jQuery完成的。
在</
浏览 1提问于2014-02-10得票数 0
我正在尝试为air移动应用程序构建一个自动补全文本输入。我想要通过计算最可用的显示区域是否存在于文本输入的上方或下方来确定是在文本输入的上方还是下方显示列表。显然，软键盘将出现在屏幕上，因此我需要知道它的高度才能进行此计算。
我也对如何设计一个自动完成文本输入的</e
浏览 0提问于2011-10-14得票数 0
我有一个EditText和一个用于搜索的按钮，现在我想在点击按钮时在EditText下面显示搜索结果列表。需要建议或样本演示或代码。
编辑:它应该会打开下拉列表，就像在AutoComplet
浏览 0提问于2013-05-21得票数 4
9回答
我正在测试基于web的用户配置文件表单，它有多个字段，如输入框、单选按钮、复选框、组合框、字母数字字段等。
什么是好的测试，我可以跑找到问题。如何尝试打破表单字段并保存/提交功能？
浏览 0提问于2016-02-09得票数 5
回答已采纳
我希望监视特定的SQL句柄，并找出谁(进程id)正在运行SQL。
是否有方法检索在最后N分钟内执行SQL句柄的proc ids列表，或者在运行该查询时自动得到通知？还是唯一的选择是连续运行sys.dm_exec_requests？
浏览 0提问于2015-02-24得票数 1
5回答
我需要一些关于如何在iOS中实现下拉列表的功能的输入。
我有一些解决方案，比如使用UITableView显示文本项列表。(在我的例子中，列表既可以是静态的，也可以是动态的，所以对于我的例子，UITableView似乎是一个很好的选择)。但有一件事我搞不懂，那就是如何消除下拉<
浏览 9提问于2012-03-13得票数 10
我有一个带有bootstrap下拉菜单的HTML5输入字段。在普通引导下拉菜单中选择下拉项时，此操作将使用与该下拉项中完全相同的文本填充输入字段。如何使选择下拉项的操作将输入字段中的文本更新为与下拉项中的文本不完全相同<e
浏览 15提问于2019-07-03得票数 0
回答已采纳
对于我的网站，我需要有一个方法让用户进入他们的城市。
我想使用两个下拉列表:一个“州”和一个“城市”下拉列表。“城市”列表中的选项将取决于所选择的“州”。然而，肯定会有用户的“城市”不在下拉列表中的情况。为了处理这些情况，我希望" city“输入是”混合“的:虽然用户可以从下拉<em
浏览 2提问于2010-10-15得票数 1
回答已采纳
我正在尝试组合一个不是典型的MVC应用程序，创建一条记录并将记录呈现给用户。接下来，我让用户在文本框中输入文本。他们点击一个查
浏览 30提问于2011-08-17得票数 0
我想创建一个有3行用户输入的页面。它看起来就像文本输入下拉列表文本输入下拉列表我想创建一个按钮，
浏览 3提问于2018-11-13得票数 0
我们做的一个jQuery控件出了点问题。假设您有一个下拉列表，允许您输入要查找的项目的ID，当您在文本框中按enter键或失去焦点时，它会通过jQuery验证您输入的ID是否正确，如果不正确，则会显示警告。问题是，当普通用户在其中输入无效值并因按下submit按钮而失去焦点时，jQuery post将在表单的提
浏览 7提问于2009-12-01得票数 91
回答已采纳
2回答
从同一表单中获取多个值
、、、
我有一个从用户那里收集信息的表单。根据其中一个下拉列表的值，我向用户显示了一个面板。此面板包含文本框、下拉框等。
假设用户填写了所有的值，我想向他显示一个add more按钮。单击此按钮时，面板中的值应保存在某个位置，并且面板应变为空白以添加更多值。这样，用户可以在最终提交之前多次输入值。在最
浏览 0提问于2013-05-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
