- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
下面的 js 代码可以在按下按钮时动态添加另一个“选择”元素。问题是如何将每个选择值分配给变量?
这对于第一次选择效果很好
var y=document.forms["myForm"]["badge[]"].value;
但对于以下选择则不然。我尝试在括号内添加 1,如下所示,但取消定义时出错。
var y=document.forms["myForm"]["badge[1]"].value;
JavaScript
<script>
var choices=[];
choices[0]="--Select a badge--";
choices[1]="Thank you";
choices[2]="Above and Beyond";
choices[3]="Bookworm";
choices[4]="Constructive Feedback";
choices[5]="Employee of the Month";
choices[6]="Fantastic Idea";
choices[7]="Great Attitude";
choices[8]="Great Turnaround";
choices[9]="Great Work";
choices[10]="Helping Hand";
choices[11]="I am Successfactors";
choices[12]="I am Sykes";
choices[13]="I am your Fan";
choices[14]="Successfactors Wizard";
choices[15]="Speedster";
choices[16]="Stepping up";
choices[17]="Teamwork";
choices[18]="1st Place";
var value=[];
value[0]=0;
value[1]=39;
value[2]=34;
value[3]=29;
value[4]=33;
value[5]=25;
value[6]=36;
value[7]=27;
value[8]=28;
value[9]=37;
value[10]=35;
value[11]=24;
value[12]=23;
value[13]=38;
value[14]=31;
value[15]=40;
value[16]=30;
value[17]=32;
value[18]=26;
function addInput(divName){
var newDiv=document.createElement('div');
var selectHTML = "";
selectHTML="<select id='badge[]' name='badge[]' >";
for(i=0; i<choices.length; i=i+1){
selectHTML+= "<option value='"+value[i]+"'>"+choices[i]+"</option>";
}
selectHTML += "</select>";
newDiv.innerHTML= selectHTML;
document.getElementById(divName).appendChild(newDiv);
}
HTML
<html>
<form name="myForm" onsubmit="return validateForm()" action="<?php echo $destination_url; ?>" method="post" />
<select id="badge[]" name="badge[]">
<option value="0">--Select a badge--</option>
<option value="39">Thank you</option>
<option value="34">Above and Beyond</option>
<option value="29">Bookworm</option>
<option value="33">Constructive Feedback</option>
<option value="24">I am Successfactors</option>
<option value="25">Employee of the Month</option>
<option value="23">I am Sykes</option>
<option value="36">Fantastic Idea</option>
<option value="27">Great Attitude</option>
<option value="28">Great Turnaround</option>
<option value="37">Great Work</option>
<option value="35">Helping Hand</option>
<option value="38">I'm your Fan</option>
<option value="31">Successfactors Wizard</option>
<option value="40">Speedster</option>
<option value="30">Stepping up</option>
<option value="32">Teamwork</option>
<option value="26">1st Place</option>
</select>
<div id="dynamicInput"></div><input type="button" value="Add another one?" onclick="addInput('dynamicInput');" />
<p>Reason: <span style="color: red;">(This is a required field)</span></p>
<textarea rows="4" cols="50" name="reason" id="reason"></textarea>
<input type="submit" value="Give" class="button medium-btn" />
</form>
</html>
最佳答案
我不确定这是否是您想要的,但请尝试以下操作:
HTML:
<head>
<script src="script.js"></script>
</head>
<body>
<div id="myDiv"></div>
<br/>
<button onclick="addInput('myDiv')">Show select</button>
<br/>
<div id="myResult"></div>
<br/>
<button onclick="displayResult('myResult')">Show result</button>
</body>
</html>
JavaScript:
var choices = [];
choices[0] = "--Select a badge--";
choices[1] = "Thank you";
choices[2] = "Above and Beyond";
choices[3] = "Bookworm";
choices[4] = "Constructive Feedback";
choices[5] = "Employee of the Month";
choices[6] = "Fantastic Idea";
choices[7] = "Great Attitude";
choices[8] = "Great Turnaround";
choices[9] = "Great Work";
choices[10] = "Helping Hand";
choices[11] = "I am Successfactors";
choices[12] = "I am Sykes";
choices[13] = "I am your Fan";
choices[14] = "Successfactors Wizard";
choices[15] = "Speedster";
choices[16] = "Stepping up";
choices[17] = "Teamwork";
choices[18] = "1st Place";
var value = [];
value[0] = 0;
value[1] = 39;
value[2] = 34;
value[3] = 29;
value[4] = 33;
value[5] = 25;
value[6] = 36;
value[7] = 27;
value[8] = 28;
value[9] = 37;
value[10] = 35;
value[11] = 24;
value[12] = 23;
value[13] = 38;
value[14] = 31;
value[15] = 40;
value[16] = 30;
value[17] = 32;
value[18] = 26;
var badge = [];
function addInput(divName) {
var newDiv = document.createElement('div');
var selectHTML = "";
selectHTML = "<select onchange='badge.push(this.value);' >";
for (i = 0; i < choices.length; i = i + 1) {
selectHTML += "<option value='" + value[i] + "'>" + choices[i] + "</option>";
}
selectHTML += "</select>";
newDiv.innerHTML = selectHTML;
document.getElementById(divName).appendChild(newDiv);
}
function displayResult(divName) {
var result = '';
for (var i = 0; i < badge.length; i++) {
result += badge[i] + ' ';
}
document.getElementById(divName).innerHTML = result;
}
关于javascript - 如何将多个选择的值分配给javascript中的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19937469/
我有一个应用程序,它会抛出 GKSession 并在各种条件下(连接超时、 session 失败等)创建一个新的 GKSession。不过,我遇到了内存泄漏问题,并且有时会在重新连接几次循环后崩溃。
比如我在宿主代码中有一个浮点指针 float *p 是否可以确定他指向的内存类型(设备/主机)? 最佳答案 在 UVA system 中, 运行时 API 函数 cudaPointerGetAttri
我已将项目转换为 .Net 4.0 并且以下代码不起作用: typeof(RuntimeTypeHandle).GetMethod("Allocate", BindingFlags.Instance
当我声明 char ch = 'ab' 时,ch 只包含 'b',为什么它不存储 'a'? #include int main() { char ch = 'ab'; printf("%c"
我对 Disk Sector 和 Block 有疑问。扇区是一个单位,通常为 512 字节或 1k、2k、4k 等取决于硬件。文件系统 block 大小是一组扇区大小。 假设我正在存储一个 5KB 的
假设我有 8 个人和5000 个苹果。 我想将所有苹果分发给所有 8 个人,这样我就没有苹果了。 但每个人都应该得到不同数量 将它们全部分发出去的最佳方式是什么? 我是这样开始的: let peopl
我正在构建的网站顶部有一个搜索栏。与 Trello 或 Gmail 类似,我希望当用户按下“/”键时,他们的焦点就会转到该搜索框。 我的 JavaScript 看起来像这样: document.onk
我有一小段代码: if (PZ_APP.dom.isAnyDomElement($textInputs)){ $textInputs.on("focus", function(){
我观察到以下行为。 接受了两个属性变量。 @property (nonatomic, retain) NSString *stringOne; @property (nonatomic, assign
我正在解决这样的问题 - 实现一个计算由以下内容组成的表达式的函数以下操作数:“(”、“)”、“+”、“-”、“*”、“/”。中的每个数字表达式可能很大(与由字符串表示的一样大)1000 位)。 “/
我有一组主机和一组任务。 每个主机都有 cpu、mem 和任务容量,每个任务都有 cpu、mem 要求。 每个主机都属于一个延迟类别,并且可以与具有特定延迟值的其他主机通信。 每个任务可能需要以等于或
该程序的作用:从文件中读取一个包含 nrRows 行和 nrColomns 列的矩阵(二维数组)。矩阵的所有元素都是 [0,100) 之间的整数。程序必须重新排列矩阵内的所有元素,使每个元素等于其所在
世界!我有个问题。今天我尝试创建一个代码,它可以找到加泰罗尼亚语号码。但是在我的程序中可以是长数字。我找到了分子和分母。但我不能分割长数字!此外,只有标准库必须在此程序中使用。请帮帮我。这是我的代码
我确定我遗漏了一些明显的东西,但我想在 Objective C 中创建一个 NSInteger 指针的实例。 -(NSInteger*) getIntegerPointer{ NSInteger
这个问题在这里已经有了答案: Difference between self.ivar and ivar? (4 个答案) 关闭 9 年前。
我如何将 v[i] 分配给一系列整数(v 的类型是 vector )而无需最初填充 最佳答案 你的意思是将 std::vector 初始化为一系列整数? int i[] = {1, 2, 3, 4,
我想寻求分配方面的帮助....我把这个作业带到了学校......我必须编写程序来加载一个 G 矩阵和第二个 G 矩阵,并搜索第二个 G 矩阵以获取存在数第一个 G 矩阵的......但是,当我尝试运行
我必须管理资源。它基本上是一个唯一的编号,用于标识交换机中的第 2 层连接。可以有 16k 个这样的连接,因此每次用户希望配置连接时,他/她都需要分配一个唯一索引。同样,当用户希望删除连接时,资源(号
是否有任何通用的命名约定来区分已分配和未分配的字符串?我正在寻找的是希望类似于 us/s 来自 Making Wrong Code Look Wrong ,但我宁愿使用常见的东西也不愿自己动手。 最佳
我需要读取一个 .txt 文件并将文件中的每个单词分配到一个结构中,该结构从结构 vector 指向。我将在下面更好地解释。 感谢您的帮助。 我的程序只分配文件的第一个字... 我知道问题出在函数 i
我是一名优秀的程序员,十分优秀!