Javascript 动态添加到html元素中

这个问题的简单答案是这样的

document.getElementById("form").innerHTML += someHtmlString

这也行得通。但我的问题是，这样做会导致上一个选定字段变为原始状态（在我的例子中，我使用了标记，选定的值被恢复为原始值）

可能的解决办法是什么。是否有代码只使用JS在html标记（在我的例子中是div标记）中添加/追加，以便我以前选择的选项保持不变

---

注意

在附加HTML之前记住所选项目，然后通过JavaScript选择项目。像这样的方法应该会奏效：

var index = document.getElementById("idOfSelect").selectedIndex;
document.getElementById("form").innerHTML += someHtmlString;
document.getElementById("idOfSelect").options[index].selected = true;

---

在附加HTML之前记住所选项目，然后通过JavaScript选择项目。像这样的方法应该会奏效：

var index = document.getElementById("idOfSelect").selectedIndex;
document.getElementById("form").innerHTML += someHtmlString;
document.getElementById("idOfSelect").options[index].selected = true;

---

使用普通的DOM方法。这样，旧的HTML永远不会被重新解释。样本：

var div = document.createElement('div')
div.innerHTML = '<b>test</b>';
document.getElementById("form").appendChild(div);

var div=document.createElement（'div'））
div.innerHTML='test'；
文件.getElementById（“表格”）.appendChild（div）；

使用普通的DOM方法。这样，旧的HTML永远不会被重新解释。样本：

var div = document.createElement('div')
div.innerHTML = '<b>test</b>';
document.getElementById("form").appendChild(div);

var div=document.createElement（'div'））
div.innerHTML='test'；
文件.getElementById（“表格”）.appendChild（div）；

+1，尽管参考可能会有所帮助；）仍然刷新页面：（+1，尽管引用可能会有所帮助；）仍然刷新页面：（但我确实有很多选择标记。我正在动态添加选择标记。一个选项上的选择将创建与第一个选定项相关的另一个选择标记。因此，我将使用jQuery处理所有选择标记。但这不是最佳解决方案。但我确实有很多选择标记。我正在动态添加选择标记。一个选项上的选择将创建另一个选择标记。）r选择与第一个选定项相关的标记。因此，我将使用jQuery处理所有标记。但这不是最佳解决方案。

---

• [html]相关文章推荐

• Html 将SVG掩码应用于图像 htmlsvg
• Html 在浏览器太小时向固定元素添加自动滚动 htmlcss
• Html 在没有高度的潜水器下潜水 htmlcss
• Html 如何显示数据行 html
• HTML/CSS两列布局，移动为一列布局 htmlcsslayout
• “如何写作”；框架边界“；及；滚动；对于HTML5中的iframe？ htmliframe
• Html Express布局具有不同文件路径的EJS htmlnode.jsexpress
• Html 引导映像大小不相同 htmlimagecsstwitter-bootstrap-3
• Html 如何在项目中只导入一次JS和CSS文件？ htmlcssjquery-mobilecordova
• Html Primefaces/Internet Explorer:未保存凭据 htmlinternet-explorerjsfprimefaces
• Html 基于高度的媒体查询 htmlcss
• Html 如何通过引导实现这一点？ htmltwitter-bootstrapcsstwitter-bootstrap-3
• Html 是否可以仅使用css而不使用任何伪类来更改样式？ 第一 二号 三号 4号 五号 6号 七号 8号 9号 数字n htmlcss
• HTML5图灵完整吗？ html
• Html 动态应用iframe高度 htmlcssgoogle-mapsiframe
• Html 背景色不适用于outlook htmlcssoutlook
• Html 我能'；t减小六边形元件的高度和宽度 htmlcss
• Html 同级div顶部边距不从同一点开始 htmlcss
• Html 如何使用display:none和display:block使下拉菜单工作？ htmlcss
• Html 我已经尽了我所能，但我的网站赢了'；无法在iPhone上工作或响应 htmlcssiphoneresponsive-design

---

• 随机文章推荐

• Robotframework 有可能在机器人框架中有一个可变跨度的多条线吗？ robotframework
• RobotFramework Selenium2库和外部库-是否通过webdriver？ robotframework
• 历史报告生成Robotframework risto.py robotframework
• Robotframework 如何使用Robot框架获得每个测试结果一行？ robotframework
• Robotframework 使用MQTTLibrary for Robot Framework，是否可以确定接收消息的确切主题？ robotframeworkmqtt
• Robotframework 使用循环抛出错误访问列表中的字典对象：list'；对象没有属性'；键或unicode'；对象没有属性'；钥匙 robotframework
• Robotframework 在robot框架中找不到关键字定义 robotframework
• Robotframework 如何使用在项目级别创建的测试用例级别的变量和UserKeyword robotframework
• Robotframework 如何使用Put字符串将${variable}值写入单元格关键字 robotframework
• Robotframework 忽略for…loop Robot框架中的一项 robotframework
• Robotframework WindowsError:[错误123]在使用SSHLibrary的Get目录时 robotframework
• Robotframework Robot Framework ExcelLibrary:KeyError:'；小时'；尝试打开文档时出错 robotframework

---

[javascript]相关推荐

Tags

Acumatica Pagination Webstorm Ruby On Rails Bash Formatting Layout Elixir Streaming Indexing Sharepoint Log4net Silverlight Ms Office Visual Studio 2010 Sublimetext3 Gnuplot Teamcity Opencart Weblogic Ecmascript 6 Dialogflow Es Pentaho Jwt Tomcat Data Structures Bison Workflow Iis Stored Procedures Mqtt Html5 Canvas Kernel Ruby On Rails 3.1 Twitter Bootstrap Tsql Symfony1 Chef Infra Drupal 6 Model Forms Configuration Azure Database Design Websocket Data Binding Vagrant Google Maps 3d Jar Download Sugarcrm Scala Time Charts Sdk Internet Explorer 8 Jhipster Navigation Silverstripe Leaflet Sharepoint 2007 R Jasper Reports Unity3d Wicket Nuget Yaml Spring Boot Kubernetes Interface Mdx Android Studio Dask Cassandra Xslt Tinymce Big O Regex Antlr Statistics Yocto Z3 Collections Mapreduce Twig Discord.js Sass Open Source Ignite Postman Oauth Web Services Listview Asterisk Flash Entity Framework 4 Git Netty Plone Google Drive Api Appium Sencha Touch Stripe Payments Common Lisp Lua Testng Azure Functions Video Streaming Firefox Sails.js Imagemagick C++ Content Management System Ag Grid Sapui5 Ios6 Generics Multithreading Glsl Fullcalendar Domain Driven Design Ibm Mobilefirst Sml Swift2 Algorithm Image Javafx Go Monitoring Python 3.x Sharepoint 2013 Windows Mobile Synchronization Recursion Shell Openerp Speech Recognition .net 4.0 Vim Nginx Jakarta Ee Select Pine Script Google Cloud Storage Apache Passwords Webrtc Stream Puppet Android Javascript Pointers Openstack .net Core Sonarqube Spotify Url Rewriting Html Compiler Errors Rx Java Struts2 Tridion Processing Tags Razor Encryption Proxy Unix Jquery Plugins Bazel Gis Oracle Apex Gdb Php Google Colaboratory Exception Handling List Windows Phone 7 Jasmine Webview Instagram Logic Ibm Mq Service Map User Interface Actionscript 3 Google Plus Cors Colors Mule Xamarin.android Mongoose Google Chrome Swiftui Zend Framework Hive Time Complexity Hyperledger Fabric C# 4.0

Copyright © 2024. All Rights Reserved by - Fatal编程技术网