ddslick select options won't post value of selected option - jquery plugin

Question

J'utilise ddslick pour faire des menus déroulants avec des icônes, le seul problème est que lorsque je poste le formulaire la valeur de l'option sélectionnée est toujours vide, cela fonctionne bien si je désactive ddslick.

<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>

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

Merci de votre aide.

Answer 1

@John J

J'ai eu le même problème que vous. Tous ces conseils n'ont servi à rien.

Le problème avec ddslick est qu'il est buggé. Il n'y a pas de nom envoyé avec l'élément sélectionné mais ceci

devrait être.

Essayez ce successeur :

http://ddslickremablized.remabledesigns.com/

Votre bug est corrigé dans cette version. L'élément sélectionné sera envoyé correctement au serveur.

Answer 2

Vous pouvez essayer ceci, cela a fonctionné pour moi.

$('.cflagdd').ddslick({
 onSelected: function(selectedData){
    $('.dd-selected-value').prop ('name', 'cflag');
}   
});