2009-05-29 5 views
1

I have 3 SELECT déroulantejQuery sélectionner la même option sur trois menus déroulants SELECT avec une seule action

SELECT 1

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

SELECT 2

<select type="hidden"> 
    <option value="Sadan">Volvo</option> 
    <option value="Sadan">Saab</option> 
    <option value="Sport">Mercedes</option> 
    <option value="Sport">Audi</option> 
</select> 

SELECT 3

<select> 
    <option value="1000">Sport</option> 
    <option value="2000">Sadan</option> 
</select> 

SELECT 2 est caché dans le e background (Ceci est dû à la limitation JSP/Struts). Ce dont j'ai besoin, c'est d'un moyen si l'utilisateur sélectionne l'option SELECT 1 que l'option correspondante de SELECT 2 serait sélectionnée, puis que l'option correspondante SELECT 3 serait sélectionnée.

exemple:

utilisateur sélectionne l'option SELECT 1

<option value="mercedes">Mercedes</option>

résultats escomptés:

SELECT 2 option sélectionnée auto <option value="Sport">Mercedes</option>

ET

SELECT 3 option sélectionnée automatiquement <option value="1000">Sport</option>

+0

Avez-vous regardé l'exemple que j'ai mis là-bas? – cgp

Répondre

6

C'est à peu près tout. Je vais travailler un exemple.

$('#select1').change(function() { 
    $('#select2').val($('#select1').val()); 
    $('#select3').val($('#select2').val()); 
}); 

Edit: L'exemple: http://jsbin.com/ahema

Et TStamper a un très bon point, assurez-vous que vous mettez dans l'ID, ou il ne fonctionnera pas. (Vous pouvez voir que dans l'exemple)

<select --> id="select2" <-- type="hidden"> 
    <option value="Sadan">Volvo</option> 
    <option value="Sadan">Saab</option> 
    <option value="Sport">Mercedes</option> 
    <option value="Sport">Audi</option> 
</select> 
+0

@ Phil- juste pour noter: que vous devez faire votre étiquette de sélection le nom d'identification posé par votre code jquery – TStamper

+0

hmm pour une raison que je ne peux pas le faire fonctionner. J'ai l'ID défini pour le SELECT mais rien ne se passe –

+0

Avez-vous regardé l'exemple? – cgp

0

Vous pouvez ajouter une classe à « Groupe » les options correspondantes, puis lors de la sélection sélectionner les options avec un sélecteur JQuery. De là, vous pouvez définir les zones de sélection à l'index souhaité.

Questions connexes