我如何从两个输入中获取一个值，并在页面中写入innerHTML？
要从两个输入中获取一个值，并在页面中写入innerHTML，可以通过以下步骤实现：
- 在HTML中创建两个输入框，可以使用
<input>标签，并为每个输入框设置一个唯一的id属性，例如：
<input type="text" id="input1">
<input type="text" id="input2">- 在JavaScript中获取输入框的值，并进行处理。可以使用
document.getElementById()方法获取输入框的引用，然后使用.value属性获取输入框的值，例如：
var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;- 对获取的输入值进行处理，可以进行数值计算、字符串拼接等操作，得到最终的值。
- 将最终的值写入页面中的某个元素，可以使用
document.getElementById()方法获取要写入的元素的引用，然后使用.innerHTML属性将值写入元素，例如：
document.getElementById("result").innerHTML = finalValue;其中，"result"是要写入的元素的id。
完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>获取输入值并写入页面</title>
</head>
<body>
<input type="text" id="input1">
<input type="text" id="input2">
<button onclick="getValueAndWrite()">获取值并写入</button>
<div id="result"></div>
<script>
function getValueAndWrite() {
var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;
var finalValue = input1 + input2; // 示例：将两个输入框的值进行字符串拼接
document.getElementById("result").innerHTML = finalValue;
}
</script>
</body>
</html>这样，当用户在两个输入框中输入值后，点击按钮，页面上的<div>元素中就会显示拼接后的值。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。产品介绍
- 腾讯云云数据库 MySQL 版：提供高性能、可扩展的关系型数据库服务。产品介绍
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，如图像识别、语音识别等。产品介绍
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联设备。产品介绍
- 腾讯云移动开发（Mobile）：提供移动应用开发的云端支持，包括移动推送、移动分析等。产品介绍
- 腾讯云区块链（Blockchain）：提供安全、高效的区块链服务，支持多种场景应用。产品介绍
- 腾讯云音视频（VAS）：提供音视频处理和分发的云端服务，满足多媒体处理需求。产品介绍
- 腾讯云云原生应用引擎（TKE）：提供容器化应用的部署和管理，支持云原生架构。产品介绍
请注意，以上链接仅为示例，具体产品选择应根据实际需求和情况进行评估。
相关·内容
b = Number(document.getElementById("num2").value);function addition(){ result.innerHTML= a + b;
如何从两个输入表单中获取两个值，并在innerHTML中显示结果？它不能在我的代码中
浏览 0提问于2017-08-11得票数 1
3回答
我有一个索引页面，其中显示了两个研讨会的信息。每个研讨会都有自己独特的参考编号，如下面的代码所示。当用户单击特定部分中的apply now按钮时，它会将用户重定向到注册页面。但是，我希望该页面上的参考号是根据用户单击的按钮自动填写的。例如，这是我的索引页面： <section class="sec">
<p class= "prt"> 1.number:
浏览 18提问于2020-06-22得票数 0
1回答
我在处理XSL文件中的多行XML值时遇到了一个问题。>我试图使用XSL函数获取节点<content>的值，并将其写入HTML单元，但它不起作用。下面的JS代码用于获取表中必要的单元格并在其中写入一个多行值：
document.getElementById("row1"
浏览 1提问于2017-11-09得票数 1
回答已采纳
例如，我在一个页面上有几个表单，当它们都填完后提交，我希望将信息转换为html，这样我就可以将其粘贴到适当的页面中，或者它自己创建一个页面。我可以使用html和css，但不需要太多的javascript和php。我希望它看起来像这样： Name:<br>
<input type=&q
浏览 12提问于2015-12-03得票数 0
我创建了一个有棱角材料的表单，在表单中，我有一个用于单选按钮的mat-收音机组，和用于制表符的mat-选项卡组，每个选项卡都有一个输入。我有两个问题。1-选项卡组不显示页面加载时，我必须单击单选按钮才能看到选项卡，我不知道为什么会发生这种情况。2-我从文本区域获取值，并在父组件中显示它们，当我
浏览 5提问于2022-09-17得票数 0
回答已采纳
我现在正在学习和训练js oop，但我有个问题。我希望通过输入value.For示例从构造函数中传递一个值给属性，如果用户想要创建自己的字符，他必须输入名称、年龄等.但是我的代码失败了，这是我的js和html代码，我在堆栈溢出中搜索了答案，但没有找到对我问题的任何答案first = new Person(nameInput,ageInput);
butt
浏览 2提问于2016-04-03得票数 0
回答已采纳
假设我有page1。在成功之后，它将一些想法写入row，并获得新插入的行id，然后重定向到另一个页面，并将行id作为参数发送。用户可以在querystring上看到这个参数。并且可以改变它。我认为在某些情况下是有问题的。我为它使用了一个隐藏的输入，并在post检查参数后，从带有隐藏输入值的查询字符串中获取参数。如果它们不相等，则写入</e
浏览 2提问于2010-12-13得票数 0
回答已采纳
2回答
我需要在pyscript上为我的脚本获取值。我可以发送值，但我不查看实时更改，使用此代码y可以查看活动更改并通过更改事件控制值。
浏览 7提问于2022-05-29得票数 0
我在标记中定义了以下asp.net文本框： <asp:TextBox ID="txtCalculateWeightRollSize" CssClass="_100" runat="server"></asp:TextBox>在代码隐藏中，我在Page_Load上绑定了onblur事件：
txtCal
浏览 0提问于2013-05-31得票数 0
回答已采纳
2回答
我目前正在使用Jquery的.load()函数异步插入页面片段。在从中加载页面片段的URL中，我还设置了一个Javascript全局变量值(在script标记中)。var loaded_variable = 'value1' function loadProductsfunction() {
浏览 1提问于2012-07-12得票数 0
回答已采纳
2回答
我在一个人力资源管理系统的项目中工作，在这个项目中，我必须为时间表制作程序。我需要从用户那里获取开始日期和结束日期，根据这两个日期的不同，我必须在指定的位置生成文本框来输入time dynamically.that。
有人能帮我吗。
浏览 2提问于2011-09-14得票数 0
回答已采纳
我试着做一个简单的回文检查。 if (reverseString(str) === str){
document.querySelector("#answer").innerHTML= 'Its a Palindr
浏览 3提问于2022-07-06得票数 0
回答已采纳
1回答
如何在JSP页面的onclick事件处理程序上发送url中标记的innerhtml文本，并在另一个JSP页面中获取该值？这是我的密码
我想用URL向你问好。帮助?
浏览 3提问于2014-10-17得票数 6
回答已采纳
在前台编辑内容后，如何在后台获取内容？asdf.InnerHtml不工作，我的意思是它不会返回我输入的新内容，而只是返回页面第一次加载的内容。我需要该div的html内容。
浏览 1提问于2011-07-15得票数 1
回答已采纳
2回答
我有两个AJAX脚本：第二个从数据库表和HTML-table的第二个单元格中获取数据。顺序如下：
PHP-脚本将这些数据添加到某些变量中，并将答案写入DB中。AJAX-script会立即从DB<e
浏览 0提问于2018-07-14得票数 0
回答已采纳
我从coinmill那里得到了一个货币兑换脚本。我想修改它，使其在我的页面上工作得很好。我是html/javascript编程方面的新手，这就是为什么我在这方面寻求帮助的原因。<small>Currency data courtesy <a href="http://coinmill.com/">coinmill.com</a></
浏览 5提问于2013-05-13得票数 1
回答已采纳
2回答
我正在做我的第一个javascript应用程序(某种计算器，您可以编写两个数字，可以将它们相加、相减、相乘和除法)，我想要制作一个按钮，让您清除您输入的数字，我已经在网上搜索过，但我找不到确切的方法；我的代码如下.value; document.getElementById("result&
浏览 6提问于2022-09-02得票数 1
回答已采纳
1回答
是否有任何方法可以从Excel文件(从列)读取数据，更改HTTPS URL中列值的I/P，然后从Web页面获取值，并在另一列中提供与行对应的I/P，该I/P可以在Shell中使用。我搜索并发现，我们可以使用Selenium和Apache来读取和写入Excel，但是如何从Web页面读取数据。
浏览 3提问于2015-03-16得票数 0
回答已采纳
我试图获取几个输入字段的值，然后使用JS函数在页面的其他地方显示这些值。我将有10个输入字段，因此有什么方法可以优化我的JS代码并编写一个函数来循环输入字段的值，然后显示它们呢？下面是我为两个不同字段编写的两个函数： var message = document.getElem
浏览 9提问于2022-09-13得票数 -2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
