JQuery Mobile自定义下拉列表问题
JQuery Mobile custom dropdown issue
我在第一次选择下拉列表的第一个值时遇到了一个问题。当下拉选项向下滑动选择时,默认情况下会选择第一个值,bcoz我无法选择其中的第一个值。我使用JQuery移动框架,并编写自定义JS来更改下拉列表。我只需要使用自定义JS来处理这个下拉列表,并且由于我的项目的其他问题,无法使下拉列表与这个自定义逻辑一起工作。
这里的第一个值im指的是下拉中的"US"
如果能解决这个问题,我们将不胜感激。提前谢谢。
HTML:
<select id="drpDwn">
<option value="" disabled="disabled">select</option>
<option value="US">US</option>
<option value="AU">AU</option>
<option value="NZ">NZ</option>
</select>
JS:
$(document).on('change', '#drpDwn', function () {
var index = $(this)[0].selectedIndex;
$(this).attr('selectedIndex', index);
$(this).find('option').removeAttr('selected');
$(this).find('option').eq(index).attr('selected', 'selected');
$(this).siblings('span').html($(this).find('option').eq(index).text());
});
http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.jshttp://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css
查看此JSFiddle
差异制造者正在修改:
$(this).find('option').removeAttr('selected');
进入:
$(this).find('option:not(:selected)').removeAttr('selected');
当触发"更改"时,选定的属性将添加到新选项中,因此您将其从所有内容中剥离,甚至是从新选项中剥离。这就是为什么选择从未改变的原因。
使用:not(:selected)很方便,因为它只会从不是当前选定选项的内容中删除属性。
相关文章:
- jQuery,引导程序下拉列表问题
- 我正试图获得一个带有复选框的多选下拉列表,在填充项目和获得所有选中的工作时遇到了一些问题
- 面临从模型中为下拉列表设置值的问题
- JQuery Mobile自定义下拉列表问题
- MVC中选择下拉列表的设置值出现问题
- ASP.NET MVC级联下拉列表列出Javascript问题
- jQuery Date 下拉列表的问题
- 引导下拉列表问题.(下拉列表和下拉列表保持下拉列表)
- 常见问题下拉列表 - 单击时文本颜色已更改
- 下拉列表问题在选择第一个后丢失值“0”
- Codeigniter/jQuery:将值从选择下拉列表提取到数据表中时出现问题
- 在引导程序 3 按钮下拉列表中添加滑动功能时出现问题
- 来自 JavaScript 问题的 ASP 下拉列表动态值
- 容器导航下拉列表的单击问题(需要双击才能下拉)
- jquery-selectize.js更改了下拉列表标识问题
- jquery下拉列表和发布到SQL数据库问题
- 通过Javascript问题更改下拉列表中的选项
- jQuery $.attr() 问题与选择(下拉列表)
- 选择“更改”和“ngModel问题”下拉列表
- 淘汰赛.js iPhone上的问题 - 下拉列表问题