Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法使用jquery nice select填充第二个select_Jquery_Html_Select - Fatal编程技术网

无法使用jquery nice select填充第二个select

无法使用jquery nice select填充第二个select,jquery,html,select,Jquery,Html,Select,下面是我在第一次选择的基础上填充第二次选择的代码,我正在使用 当我在第一个selectsecond中选择时,应该填充select,但它不填充。但是当我检查元素时,它被填充在select标记中,但没有加载到jquery nice select 有人能帮我解决这个问题吗。我还尝试添加: $("#edct").html(data).nice-select('refresh'); 注意我不想使用引导选择,因为我的网站不是用引导CSS构建的 $(文档).ready(函数(){ $('select'

下面是我在第一次选择的基础上填充第二次选择的代码,我正在使用

当我在第一个
select
second中选择时,应该填充
select
,但它不填充。但是当我检查元素时,它被填充在select标记中,但没有加载到
jquery nice select

有人能帮我解决这个问题吗。我还尝试添加:

$("#edct").html(data).nice-select('refresh'); 
注意我不想使用
引导选择
,因为我的网站不是用
引导CSS构建的

$(文档).ready(函数(){
$('select').niceSelect();
});
var-eduBak={};
eduBak['Maruti Suzuki']=“德里”、“孟买”、“钦奈”、“加尔各答”、“班加罗尔”、“海得拉巴德”、“浦那”];
eduBak['Hyundai']=['Alabama','Alaska','Arizona'];
eduBak['Tata']=['England','Northn Ireland','Scotland','Wales','other'];
eduBak['Mahindra']=['Alberta','Brirish Columbia','Manitoba','others'];
eduBak['Toyota']=['Singapore','others'];
eduBak['Others']=['Others']
$('#edu')。on('change',function(){
var edu=document.getElementById(“edu”);
var模型=document.getElementById(“edct”);
var educ=教育价值;
while(model.options.length){
模型。移除(0);
}
var ed=eduBak[educ];
如果(ed){
var i;
对于(i=0;i
。很好的选择{
边框:实心1px#CCC;
-webkit点击突出显示颜色:透明;
明确:两者皆有;
边界半径:2px;
光标:指针;
显示:块;
浮动:左;
字体家族:继承;
字体大小:正常;
线高:36px;
大纲:无;
填充:0 10px!重要;
位置:相对位置;
文本对齐:左!重要;
-webkit转换:所有0.2秒易入易出;
过渡:所有0.2秒缓进缓出;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
空白:nowrap;
宽度:自动;
边际下限:18px
}
.不错的选择:之后{
边框底部:2倍实心#999;
右边框:2倍实心#999;
内容:'';
显示:块;
高度:5px;
利润上限:-4px;
指针事件:无;
位置:绝对位置;
右:12px;
最高:50%;
-webkit转换来源:66%66%;
-ms转化来源:66%66%;
转化来源:66%66%;
-webkit变换:旋转(45度);
-ms变换:旋转(45度);
变换:旋转(45度);
-webkit过渡:所有0.15秒都易于输入输出;
过渡:所有0.15秒缓进缓出;
宽度:5px;}
.不错的选择。打开:之后{
-webkit变换:旋转(-135度);
-ms变换:旋转(-135度);
变换:旋转(-135度);}
.nice-select.open{
边框:1px实心#ffc107
}
.nice-select.open.list{
边框:1px实心#ffc107;
不透明度:1;
指针事件:自动;
-webkit变换:缩放(1)平移(0);
-ms变换:缩放(1)平移(0);
变换:缩放(1)平移(0);}
.nice select。禁用:在{
边框颜色:#cccc;}
.nice-select.wide{
宽度:100%;}
.nice-select.wide.list{
左:0!重要;
右:0!重要;}
.nice-select.right{
float:right;}
.nice-select.right.list{
左:自动;
右:0;}
.nice-select.small{
字体大小:12px;
高度:36px;
行高:34px;}
.不错的选择。小:之后{
高度:4px;
宽度:4px;}
.nice-select.small.选项{
线高:34px;
最小高度:34px;}
.nice select.list{
背景色:#fff;
边界半径:5px;
盒影:0.01×rgba(68,68,68,0.11);
框大小:边框框;
边际上限:0;
不透明度:0;
溢出:隐藏;
填充:0;
指针事件:无;
位置:绝对位置;
最高:100%;
左:0;
-webkit转换来源:50%0;
-ms变换原点:50%0;
变换原点:50%0;
-webkit变换:比例(0.75)translateY(-21px);
-ms变换:标度(0.75)translateY(-21px);
变换:比例(0.75)translateY(-21px);
-webkit过渡:所有0.2s立方贝塞尔(0.5,0,0,1.25),不透明度0.15s缓解;
过渡:所有0.2s立方贝塞尔(0.5,0,0,1.25),不透明度0.15s缓和;
z-索引:9;}
.nice select.list:hover.option:not(:hover){
背景色:透明!重要;}
.nice select.option{
光标:指针;
字体大小:400;
线高:25px;
列表样式:无;
最小高度:25px;
大纲:无;
左侧填充:18px;
右边填充:29px;
文本对齐:左对齐;
-webkit转换:所有0.2秒;
转换:所有0.2s;}
.nice select.option:悬停,.nice select.option.focus,.nice select.option.selected.focus{
背景色:#f6f6f6;}
.nice select.option.select{
字体大小:粗体;}
.nice select.option.disabled{
背景色:透明;
颜色:#999;
游标:默认值;}
.no.csspointerevents.nice select.list{
显示:无;}
.no csspointervents.nice-select.open.list{
显示:block;}

烙印
精选品牌
玛鲁蒂铃木
现代
塔塔
马欣德拉
丰田
模型
选择模型

更改第一个选择时,您还需要更新尼斯选择

$(文档).ready(函数(){
$('select').niceSelect();
});
var-eduBak={};
eduBak['Maruti Suzuki']=“德里”、“孟买”、“钦奈”、“加尔各答”、“班加罗尔”、“海得拉巴德”、“浦那”];
eduBak['Hyundai']=['Alabama','Alaska','Arizona'];
eduBak['Tata']=['England','Northn Ireland','Scotland','Wales','other'];
eduBak['Mahindra']=['Alberta','Brirish Columbia','Manitoba','others'];
eduBak['Toyota']=['Singapore','others'];
eduBak['Others']=['Others']
$('#edu')。on('change',function(){
var edu=document.getElementById(“edu”);
var模型=document.getElementById(“edct”);
var educ=教育价值;
while(model.options.length){
模型。移除(0);
$(selector).niceSelect('update');
 model.niceSelect('destroy').niceSelect();
 model.niceSelect('update');