Javascript 如何使用angular创建基于选择下拉列表的复选框值?
我有三星手机型号的复选框列表。Javascript 如何使用angular创建基于选择下拉列表的复选框值?,javascript,jquery,angularjs,checkbox,Javascript,Jquery,Angularjs,Checkbox,我有三星手机型号的复选框列表。 我还有两个提议 $scope.offers = [ { id: "as23456", Store: "samsung", Offer_message:"1500rs off", modalname: "Samsung Galaxy Young" },{ id: "de34575", Store: "samsung", Of
我还有两个提议
$scope.offers = [
{
id: "as23456",
Store: "samsung",
Offer_message:"1500rs off",
modalname: "Samsung Galaxy Young"
},{
id: "de34575",
Store: "samsung",
Offer_message:"20% Flat on Samsung Galaxy S6",
modalname: "Samsung Galaxy S6"
},
]
在这里,如果用户查看了三星Galaxy S6,我们需要使用优惠数据检查我们是否有针对三星Galaxy S6的优惠
如果我们有优惠选择下拉列表,则应随附优惠信息
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy Young">1500rs off</option>
</select>
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy Young">1500rs off</option>
<option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
请选择报价
三星Galaxy S6上20%平坦
如果用户检查了三星Galaxy Young,我们需要使用优惠数据检查是否有针对三星Galaxy Young的优惠。如果我们有优惠选择下拉列表,则应随附优惠信息
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy Young">1500rs off</option>
</select>
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy Young">1500rs off</option>
<option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
请选择报价
1500卢比
如果用户同时检查了三星Galaxy Young和三星Galaxy S6,则我们需要使用报价数据检查是否有针对三星Galaxy Young和三星Galaxy S6的报价
如果我们有优惠选择下拉列表,则应随附优惠信息
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy Young">1500rs off</option>
</select>
<select >
<option value="0">Please Select Offer</option>
<option value="Samsung Galaxy Young">1500rs off</option>
<option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
请选择报价
1500卢比
三星Galaxy S6上20%平坦
如果用户没有选择这两款(三星Galaxy Young、三星Galaxy S6),则选择下拉列表不应出现,因为我们没有其他型号的产品
以下是我的更新您的检查方法,如下所示:
$scope.check = function()
{
var checkedItems = [];
for(var i=0;i<$scope.items.length;i++)
{
if($scope.items[i].selected == true){
checkedItems.push($scope.items[i].name);
}
}
$scope.validOffers = [];
for (var i=0; i<checkedItems.length; i++) {
var checkedModel = checkedItems[i];
for (var j=0; j<$scope.offers.length; j++) {
if ($scope.offers[j].modalname == checkedModel) {
$scope.validOffers.push($scope.offers[j]);
}
}
}
}
$scope.check=function()
{
var checkedItems=[];
对于(变量i=0;i
{{item.name}
{{offer}}
功能测试1控制器($scope){
var storeid=window.localStorage.getItem(“storeid”);
var serverData=[“三星Galaxy Note”、“三星Galaxy S6”、“三星Galaxy Avant”、“三星Galaxy Young”];
$scope.items=[];
对于(var i=0;inothing正在工作,请检查小提琴。请在提交后更新小提琴,同时检查并取消选中它,而不是在提交后检查复选框,例如如果用户选中了三星Galaxy S6,则在提交按钮之前应出现下拉菜单,该按钮应显示提供消息。仅选项值应添加而不是多个下拉菜单选择列表移动在提交按钮之前…我想就是这样!下拉列表应该在选中复选框之后出现,而不是在提交之后。并且只有一个下拉列表应该不会出现多次,但是如果我取消选中,它应该不会显示未选中的model OfferFafter submit,我如何才能获得选中的报价?I don submit从范围变量中获取下拉列表值。然后对于从下拉列表中获取的每个值自己检查报价数组是否相等,并在找到匹配项时返回相应的id。与ToggleSelection中的for循环类似,我无法获取报价下拉列表值,请帮助我解决此问题