在<select>元素</select>上忽略DDSlick'selected'属性

时间:2014-09-29 10:33:42

标签: javascript php jquery

我正在使用以下jQuery插件:

http://designwithpc.com/Plugins/ddSlick

在下拉选择框中显示可选图像。除了当我尝试使用已选择的选项加载html时,它工作得很好,在DDSlick中没有选择此选项(所以它只显示第一个选项)。

我怎样才能改变:

<select class="homepage_icon" name="section_thumbnail[]" id="section_thumbnail4"><option data-imagesrc="../assets/images/homepage_icons/kidjockey-thumb.jpg" value="kidjockey-thumb.jpg"></option>
<option data-imagesrc="../images/homepage_icons/horse.png" value="horse.png"></option>
<option data-imagesrc="../images/homepage_icons/rosette.jpg" value="rosette.jpg"></option>
<option data-imagesrc="../images/homepage_icons/girl.png" value="girl.png"></option>
<option data-imagesrc="../images/homepage_icons/balloon.jpg" value="balloon.jpg" selected="selected"></option>
<option data-imagesrc="../images/homepage_icons/cake.jpg" value="cake.jpg"></option>
</select>

要在DDSlick中实际显示所选选项吗?

我的插件初始化很简单:

if ($('.homepage_icon').length) $('.homepage_icon').ddslick();

我假设选定的选项会自动显示在DDSlick中,但也许我错过了什么?

1 个答案:

答案 0 :(得分:1)

您可以使用以下内容来实例化下拉列表:

$('.homepage_icon').each(function() {
   var selectedIndex = this.selectedIndex;
   $(this).ddslick({ defaultSelectedIndex: selectedIndex });
});