- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在尝试动态填充 <option>
<select>
中的标签菜单,但是我在这样做时遇到了麻烦。我想要执行此操作的方式是在 for 循环中,其中 JS 循环遍历存在的许多选项,并将选项附加到 select 标记。
不起作用的代码位(我估计)是这个位:(所有相关代码都在下面)
for (var i = 0; i < count; i++) {
//how can I do this part?
item.appendChild((option + i + 1));
}
我想让它循环,如果count = 2
例如,附加选项。
所以当i = 0
它会做:item.appendChild((option1));
什么时候i = 1
它会做item.appendChild(option2);
到我的<select id='_second'>
菜单
我不确定发生了什么,如果有人能给我方向感,那将不胜感激。
//Javascript
myFunction = () => {
//get value of selected <option> in a separate <select> drop down
var type = document.getElementById('_first').value;
//get the second <select>
var item = document.getElementById('_second');
//set count variable to know how many <options> there should be in second <select> drop down
var count;
//assess value
switch (type) {
case '1': //First case
var option1 = document.createElement('option');
option1.text = 'SomeText1';
count = 1;
break;
case '2': //Second case
var option1 = document.createElement('option');
option1.text = 'SomeText2';
var option2 = document.createElement('option');
option2.text = 'SomeText3';
count = 2;
break;
case '3': //Third case
var option1 = document.createElement('option');
option1.text = 'SomeText4';
var option2 = document.createElement('option');
option2.text = 'SomeText5';
var option3 = document.createElement('option');
option3.text = 'SomeText6';
count = 3;
break;
}
//populate select menu
for (var i = 0; i < count; i++) {
//how can I do this part?
item.appendChild((option + i + 1));
}
}
//HTML
<p>Select Something:</p>
<div style="width:50%;">
First Menu: <br>
<select id='_first' required>
<option value='0'>Select Type:</option>
<option value='1'>First Option</option>
<option value='2'>Second Option</option>
<option value='3'>Third Option</option>
</select>
</div>
<div style="width:50%;">
Dynamic Second Menu: <br>
<select id='_second'>
<!-- Doesn't populate! &sadface; -->
</select>
</div>
最佳答案
一个选择是建立一个像这样的选项数组:https://codepen.io/anon/pen/jpbKBx
//Javascript
function myFunction () {
//get value of selected <option> in a separate <select> drop down
var type = document.getElementById('_first').value;
//get the second <select>
var item = document.getElementById('_second');
//Clear child nodes from dynamic <select>
while (item.hasChildNodes()) {
item.removeChild(item.lastChild);
}
//set count variable to know how many <options> there should be in second <select> drop down
var count;
var options = [];
//assess value
switch (type) {
case '1': //First case
var option1 = document.createElement('option');
option1.text = 'SomeText1';
options.push(option1);
break;
case '2': //Second case
var option1 = document.createElement('option');
option1.text = 'SomeText2';
options.push(option1);
var option2 = document.createElement('option');
option2.text = 'SomeText3';
options.push(option2);
break;
case '3': //Third case
var option1 = document.createElement('option');
option1.text = 'SomeText4';
options.push(option1);
var option2 = document.createElement('option');
option2.text = 'SomeText5';
options.push(option2);
var option3 = document.createElement('option');
option3.text = 'SomeText6';
options.push(option3);
break;
}
//populate select menu
for (var i = 0; i < options.length; i++) {
//how can I do this part?
item.appendChild((options[i]));
}
}
关于javascript - 如何将 <option> 标签附加到 for 循环中的 <select> 语句?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51331819/
创建一个“海盗对话”,可以选择左手或右手。我希望它对“左”和“右”的不同拼写做出积极的回答(正如您将在代码中看到的那样),但是,当我为所有非“右”或“左”的输入添加最终的“else”代码时,它给了我一
With 语句 对一个对象执行一系列的语句。 With object statements End With 参数 object 必需的部分
While...Wend 语句 当指定的条件为 True 时,执行一系列的语句。 While condition  ; Version [stat
所以我正在处理的代码有一个小问题。 while True: r = input("Line: ") n = r.split() if r == " ":
我有一个对象数组: var contacts = [ { "firstName": "Akira", "lastName": "Laine", "number"
int main() { int f=fun(); ... } int fun() { return 1; return 2; } 在上面的程序中,当从main函数中调用一个
我的项目中有很多 if 语句、嵌套 if 语句和 if-else 语句,我正在考虑将它们更改为 switch 语句。其中一些将具有嵌套的 switch 语句。我知道就编译而言,switch 语句通常更
Rem 语句 包含程序中的解释性注释。 Rem comment 或 ' comment comment 参数是需要包含的注释文本。在 Rem 关键字和 comment 之间应有一个空格。
ReDim 语句 在过程级中声明动态数组变量并分配或重新分配存储空间。 ReDim [Preserve] varname(subscripts) [, varname(subscripts)]
Randomize 语句 初始化随机数生成器。 Randomize [number] number 参数可以是任何有效的数值表达式。 说明 Randomize 使用 number 参数初始
Public 语句 定义公有变量并分配存储空间。在 Class 块中定义私有变量。 Public varname[([subscripts])][, varname[([subscripts])
Sub 语句 声明 Sub 过程的名称、参数以及构成其主体的代码。 [Public [Default]| Private] Sub name [( arglist )]
Set 语句 将对象引用赋给一个variable或property,或者将对象引用与事件关联。 Set objectvar = {objectexpression | New classname
我有这个代码块,有时第一个 if 语句先运行,有时第二个 if 语句先运行。我不确定为什么会这样,因为我认为 javascript 是同步的。 for (let i = 0; i < dataObje
这是一个 javascript 代码,我想把它写成这样:如果此人回答是,则回复“那很酷”,如果此人回答否,则回复“我会让你开心”,如果此人回答的问题包含"is"或“否”,请说“仅键入”是或否,没有任何
这是我的任务,我尝试仅使用简短的 if 语句来完成此任务,我得到的唯一错误是使用“(0.5<=ratio<2 )”,除此之外,构造正确吗? Scanner scn = new Scanner(
有没有办法在 select 语句中使用 if 语句? 我不能在这个中使用 Case 语句。实际上我正在使用 iReport 并且我有一个参数。我想要做的是,如果用户没有输入某个参数,它将选择所有实例。
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: If vs. Switch Speed 我将以 C++ 为例,但我要问的问题不是针对特定语言的。我的意思是一
Property Set 语句 在 Class 块中,声明名称、参数和代码,这些构成了将引用设置到对象的 Property 过程的主体。 [Public | Private] Pro
Property Let 语句 在 Class 块中,声明名称、参数和代码等,它们构成了赋值(设置)的 Property 过程的主体。 [Public | Private] Prop
我是一名优秀的程序员,十分优秀!