jQuery选择框没有'如果单击未选择,则不显示
jQuery Select box didn't show if no selected by click
我有两个select
框。一个是城市列表,第二个是城市区。当我从第二个框中的第一个select
框中选择(点击)城市时,我会看到所选城市中的地区。这很好,但当另一个脚本自动选择城市时,不会显示地区列表——我必须手动从列表中选择城市,然后显示地区列表。
这是我的脚本:
$.viewMap_get = {
'0' : $([]),
'Katowice' : $('#c1a, #c1b, #c6, #c7'),
'Kraków' : $('#c2a, #c2b, #c6, #c7'),
'Warszawa' : $('#c3a, #c3b, #c6, #c7'),
'Wrocław' : $('#c4a, #c4b, #c6, #c7'),
'Gdańsk' : $('#c5a, #c5b, #c6, #c7'),
};
$.each($.viewMap_get, function() { this.hide(); });
$('#get_city_district').hide();
$('#get_car').on('change', function() {
$('#return_city_district').show();
// hide all
$.each($.viewMap_get, function() { this.hide(); });
$('#get_city_district').hide();
// show current
$.viewMap_get[$(this).val()].show();
$('#get_city_district').show();
var id = $.viewMap_get[$(this).val()].attr("id");
$('#'+id).attr('selected', 'selected');
});
有人能帮忙吗?
试试这个(参见DEMO[在js的末尾])
$('#get_car option:eq(2)').attr('selected', 'selected');
$('#get_car').trigger('change');
相关文章:
- 检测页面上某个元素中选择(突出显示)或单击的内容
- AngularJs列表ng单击以选择选项转换
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- OpenLayers在悬停时高亮显示功能,并在单击时选择
- 单击时选择2(未选中),显示加载微调器javascript
- 单击OPTGROUP后选择所有子元素
- 如何改变“;尺寸“;单击选择时的选择
- 选择了多个用javascript单击的项目
- 单击选项卡时jquery选项卡选择不起作用
- casperjs-css选择器存在,但当单击它时会引发“”;CasperError:无法在不存在的选择器“”上调度mou
- 如何触发 HTML 选择单击事件(使用选项激活选择下拉列表)
- 从选项选择单击时打开 2 个 URL
- 如何从定义的函数中选择单击的链接
- 选择单击的图元,而不是其父图元
- 如何知道用户何时取消选择文本,如果在以前的活动选择单击
- 根据eq()选择单击事件
- 如何按类选择单击元素的子元素
- 共享IE7中的此问题-无法选择/单击弹出表单下方的任何内容
- 角度 JS,选择单击不调用
- JS循环并选择单击以外的其他输入