我试图获取动态选择的选定索引的值.JavaScript
Im trying to get the values for the selected index of a dynamic select. JavaScript
我正在为我的教会开发一个动态表单,在我尝试获取动态选择的选定索引的值之前,我没有任何问题。下面是生成选择的代码块以及用于尝试访问、检索值的测试函数。我真的很感激你能提供的任何帮助。我浏览了我的代码书库,在网上搜索了好几天,找不到任何可以解决问题的东西。我可以从动态文本框中检索用户输入,但无法从选择中获取任何内容。
感谢您的时间和帮助。如果您想查看完整的源代码 完整的 JavaScript 代码
/***
*var t_shirt = 0;
for(var i = 0; i < 1; i++){
var cell = document.createElement('td');
var t_shirt_size = document.createElement('select');
t_shirt_size.setAttribute('name','t_shirt_size');
t_shirt_size.setAttribute('id','t_shirt'+t_shirt);
t_shirt_size.setAttribute('class','dynamic_select_shirt');
var topt0 = document.createElement('option');
topt0.setAttribute('id','option0');
topt0.setAttribute('value','T-Shirt Size');
topt0.innerHTML = 'T-Shirt Size';
var topt1 = document.createElement('option');
topt1.setAttribute('id','option1');
topt1.setAttribute('value','Youth Small');
topt1.innerHTML = 'Youth Small';
var topt2 = document.createElement('option');
topt2.setAttribute('id','option2');
topt2.setAttribute('value','Youth Medium');
topt2.innerHTML = 'Youth Medium';
var topt3 = document.createElement('option');
topt3.setAttribute('id','option3');
topt3.setAttribute('value','Youth Large');
topt3.innerHTML = 'Youth Large';
var topt4 = document.createElement('option');
topt4.setAttribute('id','option4');
topt4.setAttribute('value','Youth X-Large');
topt4.innerHTML = 'Youth X-Large';
var topt5 = document.createElement('option');
topt5.setAttribute('id','option5');
topt5.setAttribute('value','Adult Small');
topt5.innerHTML = 'Adult Small';
var topt6 = document.createElement('option');
topt6.setAttribute('id','option6');
topt6.setAttribute('value','Adult Medium');
topt6.innerHTML = 'Adult Medium';
var topt7 = document.createElement('option');
topt7.setAttribute('id','option7');
topt7.setAttribute('value','Adult Large');
topt7.innerHTML = 'Adult Large';
var topt8 = document.createElement('option');
topt8.setAttribute('id','option8');
topt8.setAttribute('value','Adult X-Large');
topt8.innerHTML = 'Adult X-Large';
t_shirt++;
//alert('made it past ++ topt ');
t_shirt_size.appendChild(topt0);
t_shirt_size.appendChild(topt1);
t_shirt_size.appendChild(topt2);
t_shirt_size.appendChild(topt3);
t_shirt_size.appendChild(topt4);
t_shirt_size.appendChild(topt5);
t_shirt_size.appendChild(topt6);
t_shirt_size.appendChild(topt7);
t_shirt_size.appendChild(topt8);
cell.appendChild(t_shirt_size);
row.appendChild(cell);
}
table_body.appendChild(row);
}
table_nop.appendChild(table_body);
mul.appendChild(table_nop);
table_nop.setAttribute('id','dynamic_table_main');
document.getElementById('form_div').style.display='block';
/**** 我尝试用来检索值的代码。/***
* function a(){
var cname = document.getElementById('tbNAME'+0).value;
var cbd = document.getElementById('tbBD'+0).value;
var cAORD = document.getElementById('tbAORD'+0).value;
var cgender = document.getElementById('gender_select'+0).selectedIndex;
var cshirt = document.getElementById('t_shirt'+0);
alert(cshirt.length);
}
function check_dynamic_table(){
var errorc = 0;
var nop = check_id_global;
for(var i =0; i < nop;i++){
var cname = document.getElementById('tbNAME'+i).value;
var cbd = document.getElementById('tbBD'+i).value;
var cAORD = document.getElementById('tbAORD'+i).value;
var cgender = document.getElementById('gender_select'+i).value;
var cshirt = document.getElementById('t_shirt'+i).value;
if(cname == "" || cname == null){
alert('Please Fill Out All Fields:' +cname );
}
if(cbd == "" || cbd == null){
alert('Please Fill Out All Fields:'+cbd);
}
if(cAORD == "" || cAORD == null){
alert('Please Fill Out All Fields:'+cAORD);
}
if(cgender == 'gender'){
alert('Please make a Gender Selection:'+cgender);
}
if(cshirt == 'T-Shirt Size'){
alert('Please make a T-Shirt Selection:'+cshirt);
}
}
}
你以前研究过jQuery吗?你应该:)http://jquery.com
同时,您有两种方法来获取所选索引。
1) 在用户做出选择后获取值:
$('#mySelect').change(function() {
alert('You selected: '+ $(this).val());
});
2) 按需获取价值:
alert('You selected: '+ $('#mySelect').val());
这是一个JSFiddle示例,希望对您有所帮助: http://jsfiddle.net/BTWFm/
我想通了。柏拉图你的帖子引发了一个想法,否则可能永远不会到来。var cshirt 指向 select 元素的 id,所以我需要做的是获取该变量并访问选项元素并输入请求 selectedIndex 的选项元素数组,然后请求值。现在我可以获取动态选择的值并将其传递给我的 php。我很欣赏其他帖子,但我想在 pur JavaScript 中做到这一点。以下是解决方案:
var cshirt = document.getElementById('t_shirt'+0);
var cshirt_value = cshirt.options[cshirt.selectedIndex].value;
alert(cshirt_value);}
相关文章:
- 在JavaScript中通过索引从对象数组中获取值
- Javascript:根据对象的嵌套数组中的值,在数组中查找对象的索引
- 用javascript查询lucene索引
- Javascript获取所有锚链接的索引
- 传递给 PHP 表单时 JavaScript 动态变量上的未定义索引
- 强制谷歌为javascript背景图像编制索引
- 是否有任何Javascript函数从指定的索引中进行正则表达式匹配
- 到UpperCase字符串Javascript中的特定字符索引
- 用类javascript包装span标记中字符串中的字符索引
- Javascript:foreach跳过第一个索引(0)
- 获取javascript中输入元素的索引
- Javascript排序索引链接数组
- 引用Javascript中的索引集合
- symfony 2 trick访问数组javascript索引
- Javascript索引字符的特定实例
- Javascript 索引变量
- JSON索引数组到javascript索引数组
- 来自codewars的Javascript索引
- Javascript索引数组问题
- jQuery/Javascript 索引成 collection/map by object 属性