Discussion :

[maildeseb]

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 :

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

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 :

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

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

mais ça ne fonctionne pas.

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

[maildeseb]

Si je mets

Code :

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

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 :

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

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

et

Code :

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

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

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

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 :

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

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

merci

[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