For循环在javascript中获取选择列表中的值
for loop in javascript to get the values in select list
我有一个代码,在类别的选择,我正在获取产品,但我希望这些产品显示在一个选择框。代码在JavaScript中。我的代码不工作,我使用一个for循环在选择框中显示产品。我的代码如下:
<script>
var abc = {
$finprolist
} // product list with category {4:bat,ball}
function getid() {
var e = document.getElementById("category");
var cate = e.options[e.selectedIndex].value; //onselect category id
var check = abc[cate];
alert(check); //getting products here based on category selected
var productsfin = '';
productsfin += '<option value="">Select Product</option>';
for (var i = 0; i < check.length; i++) {
productsfin += '<option value="' + check[i] + '">' + check[i] + '</option>';
}
}
</script>
直到alert (check)工作正常,现在我尝试打印这些产品在for循环中,以显示在选择框内,它不工作。请帮. .
下面是正确格式化的代码:
var abc = {$finprolist} // product list with category {4:bat,ball}
function getid(){
var e = document.getElementById("category");
var cate = e.options[e.selectedIndex].value;//onselect category id
var check = abc[cate];
alert (check);//getting products here based on category selected
var productsfin = '';
productsfin += '<option value="">Select Product</option>';
for(var i=0;i< check.length;i++){
productsfin += '<option value="' + check[i] + '">' + check[i] + '</option>';
}
}
所以如果abc是{4:"bat,ball,chair"}
,那么检查应该是:
check=abc[cate].split(',');
abc={4:"bat,ball,chair"}
check=abc[4].split(',');
var productsfin = '';
productsfin += '<option value="">Select Product</option>';
for(var i=0;i< check.length;i++){
productsfin += '<option value="' + check[i] + '">' + check[i] + '</option>';
}
alert (productsfin);
我仍然不确定你对abc的定义是否正确。通常应该更像abc=$finprolist
而不是abc={$finprolist}或abc=[$finprolist]
在第二种情况下,检查将是check=abc[0][cate].split(',')
那是什么?
var abc = {$finprolist} // product list with category {4:bat,ball}
这似乎真的不对。
我不知道你在这里做什么,但它看起来像是PHP和javascript的融合,所以它可以是:
var abc = {<?php echo $finprolist; ?>} // product list with category {4:bat,ball}
BUT:变量$finprolist必须是JSON中的字符串
相关文章:
- Angular:使用选择列表选择过滤代码中的对象
- JavaScript类列表选择器错误
- 将下拉列表“选择值”传递到 URL
- 禁用基于下拉列表选择 asp.net JavaScript 启用文本框
- 下拉列表<选择>为列表.js
- 经典 ASP - 下拉列表:选择与第一个下拉列表具有相同值的所有下拉列表
- 映射下拉列表选择到URL
- 删除基于先前下拉列表选择的“选择下拉列表”选项
- 在下拉列表选择中显示模态
- 下拉列表选择的值在UI淘汰js中没有更新
- 如何将 ID 分配给动态下拉列表选择
- 使用 dojo 将鼠标悬停在动态下拉列表选择上时添加工具提示
- 链接下拉列表选择列表代码 -- 连接数据
- Javascript 不遵循下拉列表选择
- 检索引导下拉列表选择文本
- 表单事件更改不适用于下拉列表选择
- 无法检测加载时的选择/下拉列表选择事件
- 将 CakePHP 命名参数添加到列表选择的 URL 中
- 为什么聚合物核心列表选择中的切换操作不正确
- 为列表选择类并仅设置其中一个类