-
Jquery动态创建元素，硬编码5
<head> <title>Menu</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> <script type="text/javascript"> function add(){ var addvalue=$("#add").val(); $("<li>"+addvalue+"</li>").appendTo($("ul:last")); }; </script> <link type="text/css" rel="stylesheet" href="css/menu.css" /> </head> <body> <ul> <li>11</li> <li>22</li> </ul> <input type="text" id="add"> <input type="submit"value="提交" onclick="add()"> </body> </html> 动态创建的元素能不能修改HTML，就是刷新后动态增加的内容还在2012年8月15日 15:17
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
好像在问一个问题，但是还是两个问题吧？
引用动态创建的元素能不能修改HTML
能。比如你的例子var newLi = $("<li>"+addvalue+"</li>").appendTo($("ul:last")); newLi.innerHTML = "<li>test</li>";
这样就可以了。
引用刷新后动态增加的内容还在
刷新如果是指浏览器的刷新的话，动态“追加”创建的内容会没有了。
所以，你得想办法保存住才行。
通常是提交到后台，然后再浏览器刷新时重新生成想要的画面。
如果是HTML5也可以考虑本地存储。2012年8月15日 15:33
相关推荐
首先，获取初始的点赞数（可以从服务器获取或硬编码为0）： ```javascript var likeCount = 0; // 初始点赞数 ``` 然后，给点赞按钮绑定`click`事件： ```javascript $('#like-btn').on('click', function() { /...
根据选中的值，`.ajax`发送POST请求到`ElServlet`，并将结果处理为一个数组，然后动态创建二级类别（`#twotype`）的选项。 - `.ajax` 方法配置如下： - `type：“POST”` 指定请求类型。 - `url：“ElServlet”`...
- **DOM元素创建**：展示了如何使用jQuery动态创建和操作DOM元素，提高页面交互性。 - **jQuery扩展**：讨论了如何自定义jQuery，增加新的方法和行为，以满足特定项目需求。 - **与其他库的兼容性**：分析了...
例如，引导提示的内容可以从服务器动态获取，而不是硬编码在JavaScript文件中。这样可以方便地更新或定制提示内容，无需用户手动刷新页面。 最后，关于标签"jquery JS javascript"，这表明项目主要使用了JavaScript...
1. **数据准备**：确定要展示的数据，这可能来自于服务器的Ajax请求或者直接硬编码在脚本中。数据应包含每个条形的值以及对应的类别。 2. **DOM构建**：使用jQuery创建HTML结构，如SVG元素或canvas元素，这些元素将...
5. 数据源：下拉树的数据可以来源于JSON对象、AJAX请求或者硬编码在HTML中。 在"ctree"这个文件中，可能包含了实现下拉树的HTML、CSS和JavaScript代码，或者是某个jQuery下拉树插件的源码。你可以通过解压文件，...
在本示例中，数据源可能是硬编码的 JSON 对象，或者是通过 AJAX 调用来动态获取。 **4. 初始化 Autocomplete** 使用 jQuery 选择器找到输入框元素，然后调用 `.autocomplete()` 方法来初始化插件。传入一个配置对象...
值得注意的是，这里的数据是硬编码的，如果需要动态获取数据，可以考虑从JSON文件或API接口获取，然后替换`provinceCityData`对象。 这种功能在很多实际应用中都非常有用，例如在线表单、地址输入等场景。通过学习...
4. **插件内使用本地化字符串**：在插件的代码中，避免硬编码任何显示给用户的文本。而是使用变量或函数调用来获取当前语言的字符串。这些变量或函数应该从之前加载的资源文件中获取。 5. **日期和数字格式**：除了...
这意味着提示信息不必预先硬编码在HTML中，而是可以从服务器端动态获取，增强了提示的实时性和互动性。例如，当用户悬停在一个链接或按钮上时，插件可以发送一个Ajax请求到服务器，获取与该元素相关的详细信息，然后...
4. **动态渲染**：获取到部门数据后，需要动态创建并插入新的option元素到下一级的select元素中，这可以通过jQuery的`.append()`方法实现。 5. **缓存策略**：为了提高性能，可以考虑对已经加载过的部门数据进行...
4. **数据来源**: 在上述示例中，数据是硬编码的。在实际应用中，数据可能需要从后台获取。你可以通过JSF的EL表达式或Ajax请求获取。例如，使用JSF的`p:remoteCommand`组件和`p:poll`组件定期更新数据。 5. **图像...
jQuery的`.data()`方法可以方便地获取这些数据，避免了硬编码提示信息。 8. **定位计算**：为了让提示框出现在鼠标下方或旁边，需要进行坐标计算。jQuery的`.offset()`和`.position()`方法可以获取元素的位置，结合...
数据通常是服务器返回的，或者在前端硬编码。例如： ```javascript var users = [ { "name": "张三", "email": "zhangsan@example.com" }, { "name": "李四", "email": "lisi@example.com" } ]; ``` 4. 使用...
数据可以硬编码，也可以从服务器获取。 3. **事件绑定**：使用`$(document).ready()`确保DOM加载完成后，添加`onchange`事件监听器到省级下拉菜单。 4. **AJAX请求**：在省级下拉菜单的`onchange`事件中，使用`$....
2. JavaScript部分：主要使用jQuery来获取用户注册数据（可能来自服务器或者硬编码在脚本中），初始化图表，并设置必要的事件监听器。 3. CSS部分：定义了图表的外观，包括线条颜色、轴样式、数据点形状等。 学习这...
5. **数据文件**：如果标签数据不是硬编码在HTML或JavaScript中，可能有一个JSON或其他格式的数据文件，存储了各个标签及其对应的频率或者权重。 6. **示例图片**：为了展示插件的实际效果，压缩包可能还包括一些...
2016年的全国高校分布数据作为示例，可能存储在一个外部数据文件中，或者直接硬编码在JavaScript文件内。 然后，`assets`目录可能包含了必要的CSS样式文件，用于美化和定制下拉菜单的外观。CSS允许我们控制元素的...
5. **设置数据**：定义时间轴的数据，可以是硬编码在脚本中，也可以从外部JSON文件加载。 6. **配置选项**：根据需求，可以通过传递参数来定制时间轴的行为和外观，例如设定默认显示的时间段、是否开启时间轴缩放等...
当我们将参数硬编码到函数内部时，可以直接利用JQuery选择器定位到需要操作的DOM元素，并执行相关操作。例如，若想在两个下拉选择框之间互相转移选中的项，我们可以这样做： ```javascript $("#but_one").click...