ddslick 选择选项不会发布所选选项的值 - jquery 插件 [英] ddslick select options won'st post value of selected option - jquery plugin

问题描述

我正在使用 ddslick 制作带有图标的下拉菜单，唯一的问题是当我发布表单时，所选选项的值始终为空，如果我关闭 ddslick 就可以正常工作.

I am using ddslick to make drop down menu's with icons, the only trouble is when I post the form the value of the selected option is always empty, it works fine if I turn ddslick off.

<script language="javascript" type="text/javascript">
$('.cflagdd').ddslick({
 onSelected: function(selectedData){
    //callback function: do something with selectedData;
   // $('#editcflag').submit(); - this does not work, posts form on page load
}   
});
</script>

<select class="cflagdd" name="cflag">
<option value="0" selected="selected">No action flag set</option>
<option value="1" data-imagesrc="'.base_url().'images/Actions-flag-green-icon.png">Resolved</option>
<option value="2" data-imagesrc="'.base_url().'images/Actions-flag-yellow-icon.png">Investigate</option>
<option value="3" data-imagesrc="'.base_url().'images/Actions-flag-red-icon.png">Urgent</option>
<option value="4" data-imagesrc="'.base_url().'images/Actions-flag-blue-icon.png">False positive</option>
</select>

版本:jQuery-1.7.2.jsjQuery UI - v1.8.20

Versions: Jquery-1.7.2.js jQuery UI - v1.8.20

感谢您的帮助，非常感谢

Thanks for any help, much apreceated

推荐答案

ddslick 中有一个 bug，导致隐藏的输入没有 name 属性.

There's a bug in ddslick that leaves the hidden inputs without a name attribute.

我可以在 ddslick 中添加几行代码，让它将选择的名称属性添加到它创建的隐藏元素中.

I was able to add a couple lines to ddslick to get it to add the select's name attribute to the hidden element it creates.

首先，下载ddslick的未压缩版本:http://dl.dropboxusercontent.com/u/40036711/Scripts/jquery.ddslick.js

First, download the uncompressed version of ddslick: http://dl.dropboxusercontent.com/u/40036711/Scripts/jquery.ddslick.js

然后在第 106 行或以 "var ddSelect = ..." 开头的行之后添加以下内容:

Then add the following on line 106, or right after the lines starting with "var ddSelect = ..." :

// set hidden input name
ddSelect.find('input.dd-selected-value').attr('name', $(this).attr('name'));

这篇关于ddslick 选择选项不会发布所选选项的值 - jquery 插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！