如何在innerHTML上添加onchange='javascript
在innerHTML上添加onchange='javascript的方法是将带有onchange事件的HTML元素字符串作为innerHTML的一部分插入到DOM中。具体步骤如下：
- 获取要插入的DOM元素，可以使用getElementById()、getElementsByClassName()、getElementsByTagName()等方法。
- 创建带有onchange事件的HTML元素字符串，可以使用字符串拼接或模板字符串的方式生成，例如：
var elementStr = '<input type="text" onchange="javascript:myFunction()">'; // 这里以input元素为例- 将HTML元素字符串插入到innerHTML中，例如：
var container = document.getElementById('container'); // 假设容器的id为container
container.innerHTML += elementStr;- 如果已经存在其他内容，使用+=操作符将元素字符串添加到innerHTML的末尾。
注意事项：
- 在生成HTML元素字符串时，确保引号使用正确，以避免语法错误。
- onchange事件中的javascript代码可以是自定义的函数或内联代码。
关于innerHTML的使用注意事项：
- 使用innerHTML会重新解析和渲染整个innerHTML的内容，可能会对性能有一定影响。如果只需要添加少量的HTML元素，可以考虑使用appendChild()等DOM操作方法。
- 插入的元素如果需要绑定事件或进行后续操作，需要在插入后再进行处理。
推荐腾讯云相关产品和产品介绍链接：
- 腾讯云云服务器（CVM）：提供灵活可扩展的云服务器实例，满足不同业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云弹性负载均衡（ELB）：将流量按照用户定义的规则分发到多个云服务器上，提高服务的可用性和扩展性。详情请参考：https://cloud.tencent.com/product/clb
- 腾讯云数据库（TencentDB）：提供多种类型的数据库，包括关系型数据库（如MySQL、SQL Server）、NoSQL数据库（如Redis、MongoDB）、分布式数据库等。详情请参考：https://cloud.tencent.com/product/cdb
- 腾讯云云函数（SCF）：无需搭建和管理服务器，实现按需运行代码的Serverless服务。详情请参考：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：提供安全可靠、低成本的云端对象存储服务，适用于图片、音视频、文档等各类文件的存储和管理。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供多种人工智能服务，包括图像识别、语音识别、自然语言处理等，助力开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
我是javascript的新手，在onchange()中遇到了麻烦；
下面是代码；
<input type="text" name="txt" id="aa" onchange="test()">
<input type="text" name="txt" id="bb" onchange="test()">
function test(a, b, c) {
var i = 0;
if (a.value == ''
浏览 1提问于2016-06-26得票数 0
如何在Javascript中不断增加数字？
我能够计算用户放入的内容，并对其进行总计。但是，如何像本例中的totaal1和totaal2一样，将Javascript在div _ id中打印的内容汇总起来呢？
<HTML>
<HEAD>
<TITLE>Hier vul je de titel van je pagina in.</TITLE>
</HEAD>
<BODY>
<script type="text/javascript">
fu
浏览 1提问于2013-11-08得票数 0
我对javascript很陌生。我尝试将值和图像传递给javascript，以在标记上显示图像，并对值进行汇总。这个链接帮助我总结了。但是当我每次改变选项时，我不知道如何传递图像。我从后端拿到了这个。
function OnChange(value) {
var sum = 0;
var x = document.getElementById("first").value;
var y = document.getElementById("second").value;
sum = parseInt(x) + parseInt(y);
d
浏览 2提问于2021-02-13得票数 1
回答已采纳
1回答
我已经使用plane javascript在laravel blade中创建了一个会话变量和它的值。但是当我试图在我的刀片页面中获取会话变量值时，它什么也没有显示。我的代码是： @extends('ui.layout.app')
@section('content')
<div class="get-session">
<select id="setSession" onchange="myFunction()">
<option value="5&
浏览 10提问于2021-02-10得票数 0
回答已采纳
我需要帮助，以显示在没有javascript的选择表单下拉不同的文本
我尝试了下面的代码，但它也使用了onchange事件。
<div>
<select onchange="if(selectedIndex!=0)document.getElementById('t').innerHTML=options[selectedIndex].value;">
<option value="">< select an option ></option>
浏览 12提问于2020-02-06得票数 0
2回答
这已经适用于onchange，只适用于输入字段( btu )，当单击搜索按钮时，我正在尝试使ajax工作，url调用php端，它处于完美的状态。
<script type="text/javascript">
function bn(val)
{
$.ajax({
type: 'post',
url: 'salprefix.php',
data: {
浏览 0提问于2016-10-26得票数 1
回答已采纳
4回答
我正在处理这段代码，以显示客户端列表，并单击它，将选定的名称和id的隐藏文本字段填充到文本字段中。
HTML
<input type="hidden" id="id" value="" />
<input type="text" name="client" id="client" class="round full-width-input" value="Type a name..." onChange="searchClient()"
浏览 5提问于2013-12-21得票数 0
回答已采纳
如何使用onChange在javascript中获得单选按钮值？
这是我的HTML：
if (document.getElementById('male').checked) {
document.getElementById('gender2').innerHTML = "Male";
}
if (document.getElementById('female').checked) {
document.getElementById('gender2').innerHTML = &#
浏览 0提问于2018-04-27得票数 0
回答已采纳
我在为复选框的onchange编写一个checked()函数时遇到了一个问题：
<input
type="checkbox"
id = "checked"
onchange="checked()"
/>
这是我的javascript：
const check = document.getElementById("checkbox")
const yes = document.getElementsByClassName("yes")
function che
浏览 4提问于2022-03-14得票数 1
回答已采纳
可以使用javascript添加JSF组件吗？在我的例子中，在更改选择选项时，我需要显示不同的输入控件组合(如文本框)。我想我可以使用元素和innerHTML属性来显示动态controls.But，它似乎不起作用！
<h:selectOneMenu id="browseType" class="TextBlackNormal"
value="#{adminBean.browseType}" onchange="showDynamicBox(this);"
浏览 0提问于2010-05-04得票数 0
我想用下面的脚本在HTML语言中添加一些select option标签，但是当select option成功加载时，它总是返回没有onchange='javascript:fshowMe("+this+")' if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))
{
document.getElementById("mydiv").innerHTML ="<div
浏览 26提问于2020-01-30得票数 0
我的代码实际上适用于原始html代码附带的第一个输入，但是当我添加一行时，它不会将它们计算在内。我还想在javascript中显示一个php var。最后，我想使用mysqli将添加的行发到一个表中 <div class="card-body">
<h3 align="center">
<?php echo $products; ?>
</h3>
<table align="center">
<thead>
<tr>
浏览 13提问于2019-04-21得票数 2
回答已采纳
依赖YII输入盒？我的错误在哪里？如何在dropDownList中添加Onchange事件？我不知道如何在下拉列表中添加事件。
意见：
<div class="row">
<?php echo $form->labelEx($model,'payment_method'); ?>
<?php echo $form->dropDownList($model,'payment_method',array("Select","bank"=>&
浏览 3提问于2014-09-20得票数 0
回答已采纳
这是我第一次使用Javascript我有这样的剧本：
<script type="text/javascript">
function baunilha()
{
var qb=document.getElementById("quantbaunilha").innerHTML;
var prbau=5.58;
var totbau=qtd*prbau;
}
document.getElementById("valorlinhab").innerHTML=baunilha();
</script>
这个函
浏览 0提问于2014-03-27得票数 0
回答已采纳
我在表中有一行，可以由javascript复制。在第一行中，我有一个进行计算的javascript代码。
复制新行后，calc javascript不适用于新行。
我做错了什么？
表行：
<table class="Parameter" id="new">
<form action="ProjectParameterNewRecord.php" method="post">
<tr>
<td>
<i
浏览 2提问于2016-01-21得票数 1
回答已采纳
我是JavaScript的新手。我试图得到一个简单的"onchange“事件来处理一个输入表单元素，并让一个JavaScript函数使用.innerHTML来回写输入的值。
以下是我的输出：
姓名*
Hello
如何处理返回"object HTMLcollection“消息的变量--请回答explicitIn，因为正如我所说，我是javascript的新手。
这是我的代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>oncha
浏览 1提问于2014-05-04得票数 0
在<input type="range" />上，我需要min=""-value比max=""-value大，
例如，值从 100 到 0
<input type="range" min="100" max="0" />
这在某种程度上有可能吗？使用JavaScript是可以的。
在这里演示我的意思：
0 to 100: (this is working)
<input type="range" min="0" max="100&
浏览 3提问于2015-12-04得票数 4
回答已采纳
我是JavaScript的新手，我已经在这个网站和其他网站上搜索了几个小时，想找到一个解决方案，但就是不能正常工作。我可能在这里犯了一个基本的错误。
如果我像这样调用innerHTML内联，它就能完美地工作：
<select id="myselect" onchange="this.innerHTML = '<option value="1">1</option><option value="100">100</option>'"></select&
浏览 2提问于2013-05-22得票数 0
我已经在一个名为JavaScript的函数中使用了这个add()代码。
var newinput = document.createElement('div');
newinput.innerHTML = "<br><input type='file' id='" + counter +
"'name='filename[" + counter +
"]' accept='image/jpeg' onchange='add()'>&
浏览 2提问于2017-05-17得票数 0
回答已采纳
7回答
通过JavaScript、PHP或HTML。我想这样做是为了检查用户名是否被允许(在我们这边)。
很抱歉没有详细说明。如果用户名太短，它旁边会出现一条消息(我会做这部分)，说明它太短了，但为了让它自动完成，我需要检测到它。
<script type="text/javascript">
document.getElementById('username').onchange=userCheck;
function userCheck() {
document.getElementById("usercheck").innerH
浏览 1提问于2010-06-25得票数 5
回答已采纳
我正在尝试实现查找和替换html文档中的文本使用javascript.The替换部分的作品ok。但是我想突出显示将要在html文档中替换的文本(就像我们使用ctrl +f时在chrome中一样).So我的代码是
<form name ="rep" class="replace" id="repf">
<table>
<tr>
<td>Replace <input class="data1" type="text"
浏览 5提问于2013-11-15得票数 0
我想实现动态选择框。我已经成功地完成了，但当我的页面提交时，我的值不在那里，请参阅下面的代码
<select name="frm_child" id="frm_child" style="width:50px;" onchange="addFLd(this.value)" >
<option value="0" >0</option>
<option value="1" >1</option>
浏览 0提问于2012-03-16得票数 1
回答已采纳
因此，在下面的代码中，我让javascript编写表的内容，但由于某种原因，由于以这种方式生成了表主体，所以将不会调用onchange函数？不知道为什么，也不知道有什么解决办法来解决这个问题。
var table = document.getElementById("tableOfTitles");
table.innerHTML = "<tr id='addrow'><td colspan='3'><input type='button' value='+' oncl
浏览 4提问于2013-12-18得票数 0
回答已采纳
3回答
我有一个下拉列表，它由使用Json的MySql数据填充。如何将第一项显示为"SELECT ID“，并将onChange事件设置为页面上的文本字段？
基本上，我想让动态下拉列表执行以下html标记中的操作。
<select id='EmpLst' name="dwnlist"
onchange='document.getElementById("val1").value = this.value;'>
<option value="">SELECT ID</o
浏览 9提问于2014-06-03得票数 0
回答已采纳
1回答
我正在尝试使用输入范围滑块创建一个复习中心。它们的范围从1到10，每个滑块的侧面都会显示一个数字，后面跟着/10。JavaScript函数用于将滑块侧面的数字更改为正确的数字。这个可以完美地工作。
问题出在平均分函数findaverage()上。当你调整一个滑块时，显示的值(第一个tr中的span id="averageScore“)的范围从正确值到233.5这样的随机值，这是不可能的，因为它是10分。当调整第二个和第三个滑块时，情况就更糟了。
下面是实际运行的页面：
我很想看到一些关于为什么会这样的想法，并对缩进表示抱歉。干杯。
<table>
<tr>
浏览 3提问于2013-04-04得票数 0
回答已采纳
3回答
我正在尝试根据菜单选择来加载某些输入隐藏字段数据。但我无法让它使用下面的代码。你能帮我找出我哪里出错了吗？我想试着让这段代码正常工作。
我目前在头文件中有这个javascript。
<script type="text/javascript">
function toggle() {
//alert(thing.options[thing.selectedIndex].innerHTML);
var w = document.getElementById("pt").selectedIndex;
浏览 3提问于2015-07-10得票数 0
回答已采纳
初学者Javascript问题。
当我设置元素的innerHTML字段时，它不会引用显示，直到我在页面中上下滚动。这只发生在IE9中
这是我的代码：
<ul id="zzz">
<li>
<input title="Delete" name="DeleteFiles" value="a5e342fd-9180-416b-9938-e66218f275ee"
id="DeleteCb" onchange="SetDelete(DeleteCb,Delete
浏览 1提问于2012-06-24得票数 0
2回答
我正在尝试通过javascript添加动态下拉列表。
我有一个有数字的下拉列表，当选择时创建下拉列表。但我想通过javascript添加动态下拉列表。我该怎么做呢？
以下是php代码
代码：
<?php
try {
$dbh = new PDO('mysql:dbname=theaterdb;host=localhost','tiger','tiger');
} catch (PDOException $e) {
echo 'Connection fai
浏览 0提问于2013-08-20得票数 0
1回答
您好，所有我需要能够通过多个ID搜索block0_b7和block1_b7。下面是我当前的代码：
<script type="text/javascript">
window.onload = function() {
var searchString = "Incident",
pageContent = document.getElementById("block1_b7").innerHTML;
var searchString2 = "Voice Services",
pageCont
浏览 0提问于2012-11-18得票数 1
回答已采纳
3回答
我有一个提交给PHP的HTML表单。下拉框上有一个调用JavaScript函数的onChange事件，该函数将一个隐藏变量写入表单。这个额外的隐藏变量没有在PHP中显示出来，为什么会这样呢？
所以；
<script language="JavaScript">
function change() {
document.getElementById("myDiv").innerHTML="<input type=\"hidden\" name=\"blah\" value=\"1\"/&
浏览 0提问于2011-08-22得票数 1
回答已采纳
5回答
我想设置黄色背景的文本字段，当它得到焦点(仅与JavaScript)。我试过了
txt.style.backgroundcolor = 'yellow';
和
txt.style = 'background-color: yellow';
和
txt.class = 'yellow';
但它们都不起作用。
以下是代码：
<html>
<head>
<script language="JavaScript" src="form.js" type="text/javascrip
浏览 6提问于2014-02-19得票数 0
回答已采纳
问题是，我的非JavaScript似乎起作用了，我花了几个小时试图找出原因，我找不到任何明显的错误，而且我对JavaScript很陌生，但我试图让JavaScript与regEx一起验证我的表单中的代码，而现在它什么也不做。
这是我的表单的代码：
<form action="ValideringVM.php" method="post" name="Registrer" onsubmit="return valider_alle()">
<table>
<tr>
浏览 0提问于2015-04-07得票数 0
回答已采纳
我试图获得标签的值，它是可编辑的，在Javascript中。以下代码
<td class="cent" contenteditable='true' id="value_per_visit"
onchange="myFunction()"> -- </td>
这是我的javascript代码
<script type="text/javascript">
function myFunction() {
var x = document.getElementById("
浏览 1提问于2017-04-09得票数 2
回答已采纳
我正在尝试建立一个小部件，在那里用户可以做一些计算，而不是离开小部件。
我认为它只能在Javascript中完成，而不是PHP提交表单，它将刷新并重定向小部件中的页面。
我从PHP中的sql语句生成一个二维数组并发送到Javascript，然后Javascript构建表单内容。
比方说，我构建了js 2d数组a_array=[q1，w1，e1，q2，w2，e2，...，qx，wx，ex]；
如何从javascript构建下拉框html内容？
<select ...>
<option value=w1>q1 -e1</option>
<option va
浏览 0提问于2012-03-30得票数 1
在Javascript中，每次选择一个文件()时，我都会自动添加一个新的输入文件。
<script>
function addNewInputFile()
{
document.getElementById("inputs").innerHTML += '<input type="file" onchange="addNewInputFile()" />';
}
</script>
<div id="inputs">
&
浏览 3提问于2015-09-10得票数 0
回答已采纳
1回答
我想重复这些元素:包含一个单元格，并选择菜单“通过while从数据库带来数据”
<div id="orginal">
<td width="99">
<select name= "certificate" id="xx"
onchange="BK.Ajax.Updates('newfile.php?id='+document.getElementById('xx').value,'ajx');" size="1
浏览 0提问于2013-01-06得票数 0
我有一个带有几个复选框输入字段的订单。我想向用户展示提交表单之前所做的选择。下面显示的js脚本按照预期工作，如果用户选中一个框，则该框的值将显示在段落中。问题是，每个额外的复选框都会覆盖前面显示的结果。
如何更改脚本以输出所有选中的复选框？
这是PHP表单：
<input type="checkbox" onchange="toggleCheckbox(this)" value="1" name="1">
<input type="checkbox" onchange="toggleChe
浏览 0提问于2014-08-27得票数 0
回答已采纳
1回答
我想在JavaScript中创建一个滑块元素(输入类型范围)，它在释放后跳回初始值。通过这种方式，我得到了像游戏杆一样的行为，在释放后跳回它的平衡位置。
我现在有了以下代码：
var element = document.createElement('input');
element.type = "range";
element.min = myObject.min;
element.max = myObject.max;
element.step = myObject.step;
valueDiv.className = myObject.type + &#
浏览 0提问于2021-10-20得票数 1
我有一个以true开头的全局JavaScript变量btnEnabled。它将定义我的表单的提交按钮的状态。当在AJAX调用中使用innerHTML填充div时，此变量应变为false (因为某些select仍为空)，并禁用相关按钮。这是PHP代码的基本部分：
echo " <select id='sel$line1' onchange='selAddChange()'>"; // there are many selects like this
// ...
echo "<option value='none&
浏览 15提问于2017-02-13得票数 0
回答已采纳
我有一个PHP页面中的HTML表单。表单有不同的输入。其中一个输入具有onchange事件：
<input size=10 type=number id=sku1 name=sku1 onchange="showUser(1, this.value);showWhse(1, this.value)">
这将调用以下函数：
<script type="text/javascript">
function showUser(userNumber, str)
{
if (str=="")
浏览 2提问于2012-04-03得票数 0
回答已采纳
1回答
有办法解决这个问题吗？我想要发生的是，来自左侧的超链接将具有总计，依此类推，在最后的页面/选项卡上，所有超链接的总和将显示在那里。这里有一个jsFiddle，可以更好地理解我的观点
下面是我在添加选中的复选框时编写的初始JavaScript代码
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascrip
浏览 0提问于2018-03-04得票数 0
1回答
用按需脚本更改播放视频
、、、
出于某种原因，我博客上的youtube视频切换器不会在视频被更改后播放，这与我用来加快页面加载时间的轻量级youtube嵌入脚本有关。完整的例子是在这里，，请帮助，我一直在谷歌这所有的da
HTML:
<div style='text-align:center'>Select a video to watch: <select onChange="playVideo(this)"><option value="v09">Best of the Web - 2013</option><optio
浏览 1提问于2014-01-21得票数 0
回答已采纳
https://codepen.io/justinwilldoit/pen/poyZaLv 假设账单金额输入错误，我们意识到所有其他输入都已输入。我们如何返回并更改输入的数字，同时让其余的数字也随之更改。这是我在codepen上的JS的链接。我也在这篇文章中附加了一些，因为它迫使我这样做。 tipForm.onchange = function() {
people.oninput = function() {
numberOfPeople.innerHTML = this.value;
}
percentage.oninput = func
浏览 23提问于2020-09-16得票数 0
下面的代码在Firefox上运行得很好，然而，我在IE8上遇到了问题……还有7..。它在IE中什么也不做，而不是用我的php脚本返回的选项填充select(就像在FireFox中一样)。
我已经将问题缩小到$('city').innerHTML --在火狐中工作，而不是IE。
有什么想法吗？
这是在我的标题中：
<script type='text/javascript' src='js/prototype-1.6.0.3.js'></script>
<script type='text/javascript
浏览 1提问于2009-06-22得票数 0
回答已采纳
‘’我试着用ID和fallows之类的代码为动态创建的文本框设置JavaScript .
这里QTY是下拉列表
比如..。HTML代码
<select id="Qty" name="childQty" onChange="changeIt()">
<option value="0">ZERO</option>
<option value="1">ONE</option>
<option value=&
浏览 0提问于2013-01-14得票数 1
回答已采纳
1回答
我是个喜欢开玩笑和JavaScript的新手。我正在尝试写一个测试来比较innerHTML。它不起作用。有什么办法让它起作用吗？
我正在附上下面的示例代码，其中包含文件的相关部分。
listCurrency.js
function setFromCurrency(currency) {
document.getElementById("initial-currency").innerHTML = `
<select onchange ="getCurrencyA(this.value)"><option>Choose a
浏览 1提问于2021-08-13得票数 2
在使用Python & Selenium从网页上的表单中的用户名字段中获取文本时，我遇到了问题。
在从列表中选择用户之后，我有一个由JS填充的字段：
<select id="users" onchange="checkUser(document.getElementById('configpin'))" ondblclick="document.getElementById('users').size=1; showUser(document.getElementById('configpin'
浏览 5提问于2015-06-23得票数 0
回答已采纳
嘿，我读了很多关于这个论点的讨论，但我就是找不到解决方案。我在一个表格里面有一个表格，这个表格的第一行是由一个php脚本显示的，我不希望用户能够向表格中添加一行，这样他就可以插入一组新的值。问题是我插入的这个新行没有被提交。这是php代码
<form method="post">
<table name="elencoAltriContatti" id="elencoAltriContatti">
<button type="button" class="btn primary suc
浏览 1提问于2013-11-06得票数 0
我试着为飞机做一个简单的重量和平衡计算器。要求很简单，我需要输入一个权重，并更新一个矩字段，以包含权重乘以已知力矩臂。基本上，我只需将输入乘以已知值，并将此产品打印到另一个空间。
下面是我到目前为止尝试过的内容，它应该通过以下方法来实现：
在this.value事件上使用onchange传递输入对话的值
查找输出元素uisng document.getElementById(outID)
使用outID.innerHTML = weight*arm设置输出元素文本
然而，从来没有发生过任何事情。
<!DOCTYPE html>
<head>
浏览 5提问于2013-01-21得票数 1
不知道为什么会发生这种情况，但是我的JavaScript (改变过去事件的数量)不能正常工作。只有第一个select选项(3)和最后一个选项(all)似乎触发了onchange事件。请查看我的代码，如果我做错了什么，请告诉我，我是js的PHP新手。此外，我将让它在我的演示网站上直播，直到我接受一个答案：
html(PHP)
echo '<tr><td><table class="invisible"><tr><td>Number Shown: <select id="select" onc
浏览 2提问于2015-09-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
