2010-12-02 6 views
2

Comment obtenir la valeur actuelle sélectionnée d'une liste déroulante qui est à l'intérieur div? idDiv est divcontent et dropdownid est le payscomment obtenir de la valeur?

code suit

<form id="frm1"> 

les deux listes déroulantes sont ajax-generat ed basé sur certaines conditions.

Merci à l'avance

Répondre

4

Il suffit d'utiliser .val() pour obtenir la valeur de tout élément de type d'entrée, comprennent <select> éléments. Étant donné que les ID sont uniques, vous pouvez simplement faire ceci:

var value = $("#country").val(); 
+0

Nick, comment je mets le selctor additionnel div/red, car j'ai deux formulaires avec les mêmes listes de pays? – soorajthomas

+0

@soorajthomas - Vous ne devriez pas avoir le même ID, dans ce cas déposez-le, utilisez un 'name' (je suppose qu'il a déjà), comme ceci:' $ ("# formIDHere select [name = country] ") .val()', ou une classe si nécessaire: '$ (" # formIDHere select.country "). val()' –

+0

merci beaucoup nick, j'ai deux formes dans la même page, donc je peux avoir même id en eux? – soorajthomas

0

Et avec la même technique, vous pouvez sélectionner une valeur:

<select> 
    <option value="germany">Germany</option> 
    <option value="france">France</option> 
</select> 

$("#country").val("germany"); 
+0

hi Dans ma page deux formulaires sont là avec les mêmes listes déroulantes, donc j'ai besoin de différencier/sélectionner par rapport aux formulaires, comment je fais cette sélection? – soorajthomas

0

Lorsque vous utilisez le mode noconflict jQuery puis il suffit d'utiliser comme ceci:

<form id='myForm1'> 
<input name='username' id='username' value='WhatEver'> 
<select name='YesNo' id='YesNo'> 
    <option value='0'>No</option> 
    <option value='1'>Yes</option> 
</select> 
</form> 

var uname = jQuery("#username").val(); 
var confirm = jQuery("#YesNo").val(); 

console.log(uname); 

retours: WhatEver

console.log(confirm); 

retours: 1 (si vous avez sélectionné Oui)

Mais si vous voulez obtenir tous les éléments de forme en même temps utiliser ensuite comme ceci:

var formData = jQuery("#myForm1").serialize(); 
console.log(formData); 

retours: nom d'utilisateur = WhatEver & OuiNon = 1