Javascript Jquery:需要检查组合框中的值列表
我完全不知道怎么做。。这是我的问题 我有n个自定义组合框(从服务器端动态创建)。现在我想存储每个组合框的值,并需要客户端进行验证。如果组合框val()中的任何一个=0(我的意思是没有选择任何选项),那么我需要显示一条错误消息。如果选择了所有组合框值,那么我需要在弹出窗口中显示一个div。如果单击“保存”按钮,所有这些操作都必须发生 因为这些组合框是动态呈现的,所以我不能使用它的ID。我的想法是给出一个名为combo的类名,需要进行验证。这是我的密码 HTML(动态生成) 这个想法行不通。请建议如何继续。。。非常感谢:)试试看 HTMLJavascript Jquery:需要检查组合框中的值列表,javascript,jquery,html,Javascript,Jquery,Html,我完全不知道怎么做。。这是我的问题 我有n个自定义组合框(从服务器端动态创建)。现在我想存储每个组合框的值,并需要客户端进行验证。如果组合框val()中的任何一个=0(我的意思是没有选择任何选项),那么我需要显示一条错误消息。如果选择了所有组合框值,那么我需要在弹出窗口中显示一个div。如果单击“保存”按钮,所有这些操作都必须发生 因为这些组合框是动态呈现的,所以我不能使用它的ID。我的想法是给出一个名为combo的类名,需要进行验证。这是我的密码 HTML(动态生成) 这个想法行不通。请建议如
这种方法怎么样:
$('#save').click(function(){
var comboLength = $('.combo').length;
var selectedLength = $('.combo option:selected[value!=0]').length;
if (comboLength == selectedLength) { /* code for valid case*/}
else { /*code for invalid case*/; return false;}
})
请显示动态生成的html toocheckbox!=你好,谢谢你的回复。但是我使用一个定制的组合框,员工名字(HR)员工姓氏(HR)员工编号(HR)尼诺(HR)建议我如何继续。再次感谢:)@Riyas您如何在组合框中选择多个选项??是多个选择框吗?在您再次更改问题的同时,我已更新了代码。是的。这是一个选择框,但我现在有10个动态选择框。现在我需要验证10个selectboxes selected value==0。如果任意一个selectbox值为0,则我将收到一条警告消息。否则,我应该做点什么。Var comboLength和selectedLength在这里得到相同的值。因此,该值没有传递到else条件。如果selectedLength等于comboLentgh,但并非所有组合框都有选择,那么选择器是错误的($('.combo option:selected'))每个组合都有默认值吗?是。默认选定值为0。请尝试此选择器:$('.combo选项:selected[value!=0]')。长度。我正在更新我的答案
$(document).ready(function(){
$('#save').click(function(){
var myLength = $('.combo option:selected').length;
alert(myLength);
if(myLength > 0){
alert('popups here');
count=count+1;
alert(count);
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeTo("fast",0.8);
var winH = $(window).height();
var winW = $(window).width();
$('.popups').css('top',winH/2-$('.popups').height()/2);
$('.popups').css('left',winW/2-$('.popups').width()/2);
$('.popups').show();
}
else
{
alert('No popups');
}
return false;
});
});
<select class="combo" multiple="multiple">
<option selected="selected" value="0" >--SELECT ONE--</option>
<option value="1">Employee First Name (HR)</option>
<option value="2">Employee last Name (HR)</option>
<option value="3">Employee number (HR)</option>
<option value="4">NINO (HR)</option>
var foo = {};
$('#submit').live('click', function() {
$('select.combo').each(function(i) {
var selected = $(this).val();
foo[i] = selected;
});
//this will remove first value ( blank having value=0)
var finalOutput = jQuery.grep(foo[0], function(value) {
//this will unselect the blank value
$('.combo option:eq(0)').prop('selected', false);
return value != "0";
});
if ($.isEmptyObject(finalOutput)) {
alert('please select atlest one')
}
else {
alert('Output:' + finalOutput)
}
})
$('#save').click(function(){
var comboLength = $('.combo').length;
var selectedLength = $('.combo option:selected[value!=0]').length;
if (comboLength == selectedLength) { /* code for valid case*/}
else { /*code for invalid case*/; return false;}
})
var trace = false;
$('#save').on('click', function() {
$('select.combo').each(function() {
if(this.value == 0){
trace = true;
return;
}
});
if(trace) {
// all combo not selected
alert('Please select all combo');
trace = false;
} else {
// all selected
alert('Thanks..');
}
});