个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试创建一个按钮，该按钮调用一个函数来创建带有选择框的新列表项。下面的代码创建了一个选择元素，但是按钮消失了，它不会一个接一个地创建列表项。知道如何保留按钮并一个接一个地添加选择元素吗？
<button type="button" onclick="createTable()">Add Item</button>
function createTable()
{
var itemName = "Selections: ";
document.write(itemName);
for (var i=0;i<7;i++)
{
var myTable = " ";
myTable+="<select name='test' id='mySelect"+i+"' style='font-size:10px' onchange='Calculate()'>";
myTable+="<option value='zeroPoint'>0</option>";
myTable+="<option value='halfPoint'>1/2</option>";
myTable+="<option value='onePoint'>1</option>";
myTable+="</select>";
document.write(myTable);
}
}
最佳答案
我对您的 documnet.write 方式做了一些更改。但是，我强烈建议动态创建 html dom 节点。我添加了另一种方法 createTable2，它可以完成所需的工作。您还可以更轻松地保留您拥有的 html 内容，这些内容可以很容易地用 document.write 方式覆盖。
编辑:
我又添加了一个方法 createTable2，以允许添加多个选择。您可以使用您拥有的选择和选项信息传递一个模型。有一个标志，empty，如果您想在添加新选择之前清空 div，则将其设置为 true；即 createTable3(true)。
function createTable()
{
var itemName = "Selections: ";
var selectElement = document.getElementById("render");
for (var i=0;i<7;i++)
{
var myTable = " ";
myTable+="<select name='test' id='mySelect"+i+"' style='font-size:10px' onchange='Calculate()'>";
myTable+="<option value='zeroPoint'>0</option>";
myTable+="<option value='halfPoint'>1/2</option>";
myTable+="<option value='onePoint'>1</option>";
myTable+="</select>";
selectElement.innerHTML = myTable;
}
}
function createTable2(){
var myDiv = document.getElementById("render");
//Create array of options to be added
var array = ["zeroPoint","halfPoint","onePoint"];
var texts = ["1","1/2","1"];
var selectList = document.createElement("select");
selectList.id = "mySelect";
selectList.style.fontSize = "10px";
selectList.onChange = 'Calculate()';
myDiv.appendChild(selectList);
//Create and append the options
for (var i = 0; i < array.length; i++) {
var option = document.createElement("option");
option.value = array[i];
option.text = texts[i];
selectList.appendChild(option);
}
}
function createTable3(empty){
var myDiv = document.getElementById("render");
if(empty){
myDiv.innerHTML = "";
}
let model = {
"select1": [{value: "zeroPoint", label: "1"},
{value: "halfPoint", label: "1/2"},
{value: "onePoint", label: "1"}],
"select2": [{value: "zeroPoint1", label: "11"},
{value: "halfPoint1", label: "11/22"},
{value: "onePoint1", label: "11"}]
};
Object.keys(model).forEach(function(key){
let entry = model[key];
var selectList = document.createElement("select");
selectList.id = key;
selectList.style.fontSize = "10px";
myDiv.appendChild(selectList);
//Create and append the options
for (var i = 0, item; item = entry[i]; i++) {
var option = document.createElement("option");
option.value = item.value;
option.text = item.label;
selectList.appendChild(option);
}
});
}<button type="button" onclick="createTable3()">Add Item</button>
<div id= "render"/>关于javascript - 追加 <select> 元素列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48008781/
24
4
0
在 Python 中，我可以附加到一个空数组，例如: >>> a = [] >>> a.append([1,2,3]) >>> a.append([1,2,3]) >>> a [[1, 2, 3],
我正在阅读(并慢慢尝试)在 php 中与 txt 文件交互的方法。我已经尝试过追加，它将数据添加到txt文件的末尾但是 a+ 与 a 有何不同 在 w3schools 中它说: 一个 append 。
我想执行一个非常简单的操作:合并两个形状文件。具体来说，我有美国每个州的人口普查区域形状文件，我想将它们合并到一个形状文件中。最终，我想获取组合的形状文件并在一组经纬度坐标上执行叠加，以确定我的坐标属
当我们使用 append 和 cut 运算符时会出现什么问题？ append2([],L,L):-!. append2([H|T],L,[H|TL]):-append2(T,L,TL).
我有一个函数处理程序: function handler(data) { console.log(`1. ${data}`); } 我想在相同的范围内附加或重新定义，如下所示: let old
我目前正在使用很多这样的内容来重构应用程序: StringBuffer buff1 = new StringBuffer(""); buff1.append("some value A"); buff
我正在编写一些代码来对不同类型的啤酒进行一些计算。我有一个使用 GUI 的主类，并有一个 JTextArea 来打印输出。在主类中调用追加工作得很好，但是当我尝试从外部类调用追加来写入文本区域时...
我有一个像这样的 jquery block 。渲染 html 后，我看到 标签立即打开和关闭，同样的方式，立即打开和关闭。我在他的代码中做错了什么吗？有更好的方法来实现这个吗？ 谢谢 $.each(f
我在尝试克隆父 div 然后将其直接附加到其自身下方时遇到一个问题。只要最后一个节点是，我的函数就可以正常工作如此选择: A B C 将导致 A A.1
我正在尝试在现有 td 末尾附加一个 td。下面是以下代码(我在 jqgrid 中执行)。 $("#list_toppager_center tr:first td:eq(7)").append("C
我正在尝试在 jQuery 中的以下追加方法上设置超时。我尝试过的所有操作都不断返回Uncaught SyntaxError:意外的标识符 这是我的代码: setTimeout("$('#us
我想用 c 打开一个文件，然后向其中添加一些内容并关闭它。我只是想知道 fopen 中的 a+ 自动导航到文件的最后一个字符。 最佳答案 是的。 为什么不尝试一下，或者阅读一下手册呢？ 这里是:
在我的代码中，我有一个输入字段，它是一个循环的值。 用户在第一个字段中输入所需的值。 用户单击按钮/徽章(单击我添加项目符号)以附加到模式。 根据字段中的输入值显示带有项目符号数的模态框。 例如，如果
是否可以使用 QUrlQuery 在不对 url 进行 strip 化的情况下 append 数据？ 使用下面的代码将删除“？”之后的所有内容和结果是: https://foobar.com/Info
好吧，我正在为 iPhone 制作一个简单的聊天应用程序，我很幸运，它运行良好并且看起来很棒但是我有一些问题，一个这样的问题是我向用户显示富文本的方式.. 目前我有一个荒谬的系统，它是这样工作的 {发
在 C# 中格式化我做的字符串: string a = String.Format("/blah/blah/{0}_{1}/blah.html", int1, int2) 在Python中，它会自动将
我有一个 300 万行的 .txt 文件。该文件包含如下所示的数据: # RSYNC: 0 1 1 0 512 0 #$SOA 5m localhost. hostmaster.localhost.
我有一个问题。可以删除使用 javascript 附加添加的元素？ 当我尝试删除添加的跨度时，什么也没有发生。 像这样: $(document).ready(function(){ $('#
已关闭。此问题需要 debugging details 。目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and the
到目前为止这是我的代码，我想做的是说用户输入 1 2 3 然后按 -1，他或她将被要求输入另一组数字，比如 9 8 7，我的程序是什么假设要做的是将它们显示为 1 2 3 9 8 7，而是像这样显示它
我是一名优秀的程序员,十分优秀！