在<select>元素上忽略了DDSlick的“ selected”属性 - javascript

我正在使用以下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中显示,但也许我遗漏了一些东西?

参考方案

您可以使用以下实例化下拉菜单:

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

单击<span>标记以运行JQuery javascript函数[重复] - javascript

This question already has answers here: Event binding on dynamically created elements? (23个答案) 2年前关闭。 我使用PHP这样创建跨度。if ($subnetkey == 1 ) { echo ("<span class='subnetke…

JavaScript将PHP中的字符串和整数传递给函数 - javascript

我正在尝试将字符串和整数都传递到同一函数中,但是引号引起了问题。我发现错误出在echo $q->info部分,我必须在此代码上使用双引号。有人可以帮我写这个$q->info,但不能获得真正的价值吗?到目前为止,我的代码是<td><a href="javascript:add(<?php echo $q->i…

提交前用jquery / ajax替换/编码<和> - javascript

我有以下代码,这是页面中评论表单的一部分。 $.ajax({ type: "POST", url: "path/to/script.php", data: $(form).serialize(), success: function(data) { $('#comment_form').fadeOu…

淘汰赛在金字塔中的行为不正确 - javascript

我正在使用Pyramid构建一个Webapp,但是Knockout的行为有所不同。我有一个表格: <div data-bind="with: $root.itemToAdd" style="display: none;"> <form data-bind="submit: $root.add…

JavaScript处理期间数组内部的数组 - javascript

我正在尝试使用Ajax处理表单,并且在处理复选框时遇到了问题。我以为我可以在数组中做一个数组,将选中的框添加到数据对象中,但这似乎不起作用。它不会显示为控制台中对象的一部分或类似内容。我尝试了一些变化,但没有任何效果。这是当前的样子:var formData = { 'fname' : $('input[name=fname]&…