Multiselect ui - Ajouter un item non présent dans la liste

**fahdo** · 12/10/2012, 23h57

Bonsoir,

J'utilise multiselect ui et je cherche à donner la posibilité d'ajouter une option a une liste avec un champ text

j'ai essayé ça, mais ça ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<select class="multiselect" name="field_17" id="field_17" multiple="multiple">
		<?php include('lsttsk.php');
		foreach ($lstespace as $valeur=>$field_17) {
			$selected = (isset($_SESSION['field_17']) && $_SESSION['field_17'] ==$valeur) ? ' selected="selected"' : "";
			echo '<option value="' . $valeur . '"' . $selected .'>' . $field_17 . '</option>';
		} ?>
</select>
<input name="name" type="text" id="name" />
<input type="button"  id="add" name="add" value="Ajouter" />

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
$(document).ready(function() {
 
	$(".multiselect").multiselect();
	$("#add").click(function() {
		var name = $("#name").val();
	$('#field_17').append(name);
	$("#name").val('');
	 return false; 
	});	
});

Merci de votre aide

**NoSmoking** · 13/10/2012, 07h40

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <select>
    <option>Option #1</option>
  </select>
<script>
  $("select").append('<option>Option #2<\/option>');
</script>
</body>
</html>

plus d'info sur la méthode .append()

**Bovino** · 13/10/2012, 08h58

Il faut rafraichir le multiselect après un ajout :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function() {
 
	$(".multiselect").multiselect();
	$("#add").click(function() {
		var name = $("#name").val();
	$('#field_17').append(name);
	$("#name").val('');
	$(".multiselect").multiselect('refresh');
	 return false; 
	});	
});

**NoSmoking** · 13/10/2012, 10h16

pas vu le contexte.

**SpaceFrog** · 13/10/2012, 12h15

Quand cesserez vous de chercher les ennuis en nommant de variables name ou id ... etc.

**fahdo** · 15/10/2012, 20h37

Bonsoir,

Merci pour vos réponse et vos remarque.
Ca ne fonctionnait pas parce que je n'avais pas mis la bonne id pour append lol.

Sinon la valeur se mets au bonne endroit mais sans les fonctions de drag and drop, et de bascule d'une liste a l'autre.
Pour que ceci fonctionne je pense qu'il faudrait développer une nouvelle fonction a l'api dont je ne suis pas capable de réaliser pour le moment.

Tant pis je vais devoir faire sans ou trouver autre chose.

Merci tout de meme

**Bovino** · 16/10/2012, 07h55

Envoyé par fahdo

Sinon la valeur se mets au bonne endroit mais sans les fonctions de drag and drop, et de bascule d'une liste a l'autre.
Pour que ceci fonctionne je pense qu'il faudrait développer une nouvelle fonction a l'api dont je ne suis pas capable de réaliser pour le moment.

Euh... c'est pourtant ce que je t'ai proposé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".multiselect").multiselect('refresh');

**fahdo** · 17/10/2012, 12h59

Bon bah je regarderai ça ce soir, merci de votre aide

**fahdo** · 19/10/2012, 23h56

Bon bah pas mieux

**fahdo** · 24/10/2012, 00h30

J'ai trouvé

J'ai du rajouter dans le script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
refresh: function() {
            this._populateLists(this.element.find('option'));
        },

Merci

**y_akalal** · 01/11/2012, 18h26

bonjour,
ça fait plus que 6 mois que j'ai travaillé sur la widget multiselect de Eric hynds j'ai pu ramener plusieurs améliorations et dynamique à ce multiselect
les liens de téléchargement et doc sont sur mon blog http://www.youssef-akalal.blogspot.c...select-ui.html

je voudrais svp avoir votre retour de professionels sur le widget.

merci d'avance

Multiselect ui - Ajouter un item non présent dans la liste [UI]

jQuery

Discussions similaires

Partager

Partager