plugin combobox, évènement onchange

Version imprimable

Bonjour,

j'utilise jquery avec combobox
http://jquery.sanchezsalvador.com/jq...mboboxapi.aspx
http://jquery.sanchezsalvador.com/samples/example.htm

ça marche nickel mais j'ai juste un souci, je n'arrive pas à mettre un onchange, afin que le choix fait dans la liste déroulante soit interprété comme un a href

voici le code dans mon head
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <script type="text/javascript" src="includes/jquery.js"></script> <script type="text/javascript" src="includes/jquery.dimensions.js"></script> <script type="text/javascript" src="includes/jquery.combobox.js"></script> <script type="text/javascript"> $("#officeItemList").change(function() { document.location = this.value; }); $( function() { $('#officeItemList').combobox( { comboboxContainerClass: "comboboxContainer", comboboxValueContainerClass: "comboboxValueContainer", comboboxValueContentClass: "comboboxValueContent", comboboxDropDownClass: "comboboxDropDownContainer", comboboxDropDownButtonClass: "comboboxDropDownButton", comboboxDropDownItemClass: "comboboxItem", comboboxDropDownItemHoverClass: "comboboxItemHover", comboboxDropDownGroupItemHeaderClass: "comboboxGroupItemHeader", comboboxDropDownGroupItemContainerClass: "comboboxGroupItemContainer", animationType: "slide", width: "150px" }); }); </script>
et dans mon body j'ai mis ça :

Code:

<select id="officeItemList" onchange="document.location=this.value;">

mais ça ne fonctionne pas.

Quelqu'un pourrait-il m'aider ? Merci beaucoup.

Si je mets

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<script type="text/javascript">
$(
function()
{
$('#officeItemList').combobox(
				{
					comboboxContainerClass: "comboboxContainer",
					comboboxValueContainerClass: "comboboxValueContainer",
					comboboxValueContentClass: "comboboxValueContent",
					comboboxDropDownClass: "comboboxDropDownContainer",
					comboboxDropDownButtonClass: "comboboxDropDownButton",
					comboboxDropDownItemClass: "comboboxItem",
					comboboxDropDownItemHoverClass: "comboboxItemHover",
					comboboxDropDownGroupItemHeaderClass: "comboboxGroupItemHeader",
					comboboxDropDownGroupItemContainerClass: "comboboxGroupItemContainer",
					animationType: "slide",
					width: "150px"
				});
}); 
 
</script>

Mon menu deroulant est nickel (design) mais le onchange ne marche pas

si je mets

Code:

1
2
3
4
5
 
function changeSelect() {
var num_selected = $('#officeItemList').val();
alert (num_selected);
}

Code:

<select id="officeItemList" onchange="changeSelect()">

le onchange fonctionne.

mais si je mets les deux pour avoir à la fois le Onchange et le design nickel, ça ne fonctionne plus. Etant vraiment débutant en js j'imagine que l'erreur vient de moi.
Sauriez-vous me dire où est l'erreur ? J'ai codé comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
function changeSelect() {
var num_selected = $('#officeItemList').val();
alert (num_selected);
}
 
 
 
$(
function()
{
$('#officeItemList').combobox(
				{
					comboboxContainerClass: "comboboxContainer",
					comboboxValueContainerClass: "comboboxValueContainer",
					comboboxValueContentClass: "comboboxValueContent",
					comboboxDropDownClass: "comboboxDropDownContainer",
					comboboxDropDownButtonClass: "comboboxDropDownButton",
					comboboxDropDownItemClass: "comboboxItem",
					comboboxDropDownItemHoverClass: "comboboxItemHover",
					comboboxDropDownGroupItemHeaderClass: "comboboxGroupItemHeader",
					comboboxDropDownGroupItemContainerClass: "comboboxGroupItemContainer",
					animationType: "slide",
					width: "150px"
				});
});

et comme ça :

Code:

<select id="officeItemList" onchange="changeSelect()">

merci

31/12/2010, 13h10
kha_yassine

Bonjour,

J'ai aussi le même problème, je ne sais pas s'il y a quelqu'un pouvant nous aider,

Le problème est : le "autocomplete" sur le select élimine les onchange déjà associés au select

J'espère qu'il y a une solution pour ca, comme par exemple récupérer le Onchange au niveau de la fonction JQuery et la réexecuter à la fin !!

Merci d'avance