Javascript 下拉选择不更改值
我已经创建了一个下拉列表,我已经使用ul li在选择上创建了它将改变第二个选择栏的值。现在的问题是,当第二个选择栏的值改变时,选择栏对我不起作用。有人能帮我解决这个问题吗 假设用户在第一个选项中未进行任何选择,并且选择了卧室,但该选项工作正常,但当用户试图更改公寓或办公室的选择时,第二个选择栏中的值将被更改,当值被更改时,用户无法在第二个字段中进行选择,这很有意义不好解释如果你能看并做出选择你会理解我的问题有人能帮我解决这个问题吗Javascript 下拉选择不更改值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经创建了一个下拉列表,我已经使用ul li在选择上创建了它将改变第二个选择栏的值。现在的问题是,当第二个选择栏的值改变时,选择栏对我不起作用。有人能帮我解决这个问题吗 假设用户在第一个选项中未进行任何选择,并且选择了卧室,但该选项工作正常,但当用户试图更改公寓或办公室的选择时,第二个选择栏中的值将被更改,当值被更改时,用户无法在第二个字段中进行选择,这很有意义不好解释如果你能看并做出选择你会理解我的问题有人能帮我解决这个问题吗 $(文档).ready(函数(){ $('.mc select
$(文档).ready(函数(){
$('.mc select')。在('click',function()上{
$('.mc options',this.toggle();
});
});
$('.htype_opt')。在('click',function()上{
var mc_val=$(this.attr('data-type');
$('htype').text(mc#val);
$('.htype').val(mcu val);
如果(mc_val=='Condo'){
$('dt_bed_ch')。文本('Studio');
var new_ul_data='Studio 1间卧室 2间卧室>4间卧室 5间卧室 ;
$('.dt_bed').html(新数据);
}
如果(mc_val=='House'){
$('dt_bed_ch')。文本('1卧室');
var new_ul_data='1间卧室 2间卧室 3间卧室 4间卧室;
$('.dt_bed').html(新数据);
}
如果(mc_val==‘办公室’){
$('.dt_bed_ch')。文本(“开放空间”);
var new_ul_data=' 开放空间 1个房间 2个房间 3个房间=“mc选项卧室”数据卧室=“5”>5个房间;
$('.dt_bed').html(新数据);
}
var类型=mc_val;
var city=$('.city').val();
var dombery=$('.dombery').val();
var bathy=$('.bathy').val();
var area=$('.area').val();
var pkg=$('.pkg').val();
$.ajax({
类型:“POST”,
url:“http://bluevisionarydesigns.com/demo/unick/home/get_data",
数据类型:“文本”,
数据:{城市:城市,类型:mc_val,卧室:卧室,浴室:浴室,面积:面积,pkg:pkg},
成功:功能(数据){
$('估算金额')。文本(数据);
}
});
});
$('.dombery_opt')。打开('单击',函数(){
var mc_val=$(this.attr(‘数据卧室’);
var mc_val2=$(this.text();
$('卧室').text(mc#val2);
$('卧室').val(mc_val);
警报(mc_val);
变量类型=$('.htype').val();
var city=$('.city').val();
var=mc_val;
var bathy=$('.bathy').val();
var area=$('.area').val();
var pkg=$('.pkg').val();
$.ajax({
类型:“POST”,
url:“http://bluevisionarydesigns.com/demo/unick/home/get_data",
数据类型:“文本”,
数据:{城市:城市,类型:类型,卧室:mc_val,浴室:浴室,面积:面积,pkg:pkg},
成功:功能(数据){
$('估算金额')。文本(数据);
}
});
});
。搜索栏表单。输入组。mc选择{
位置:相对位置;
}
.mc选择{
最小宽度:100px;
浮动:左;
边框:1px实心#dce1e5;
光标:指针;
位置:相对位置;
字体大小:16px;
背景色:#fff;
}
.mc选择.mc值{
高度:62px;
线高:62px;
填充:0 15px;
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
}
.mc选择.mc选项{
高度:自动;
位置:绝对位置;
宽度:计算(100%+2px);
-webkit过渡:高度350ms 0s立方贝塞尔(.165、.84、.44,1);
-moz过渡:高度350ms 0s立方贝塞尔(.165、.84、.44,1);
-ms转换:高度350ms 0s立方贝塞尔(.165、.84、.44,1);
-o型过渡:高度350ms 0s立方贝塞尔(.165、.84、.44,1);
过渡:高度350ms 0s立方贝塞尔(.165、.84、.44,1);
-webkit转换:translateX(-1px);
-moz变换:translateX(-1px);
-ms变换:translateX(-1px);
-o-变换:translateX(-1px);
转换:translateX(-1px);
背景色:rgba(255、255、255、0.8);
左边框:0实心透明;
右边框:0实心透明;
边框底部:0实心透明;
框大小:边框框;
-moz框大小:边框框;
-webkit框大小:边框框;
显示:无;
z指数:9;
}
公寓
公寓
房屋
办公室
演播室
工作室
一间卧室
两间卧室
三间卧室
- 4间卧室
- 5间卧室
当您在第一个下拉列表中更改选择时,您将创建
$('.bedroom_opt').on('click', function() {
...
$('.dt_bed').on('click', '.bedroom_opt', function() {
$("body").on('click', 'selector',callback);
In your case $("body").on('click', '.bedroom_opt',function(){...});