obtenir la valeur de la zone de sélection à la zone de texte

<head> 
    <style> 
    p { color:red; margin:4px; } 
    b { color:blue; } 
    </style> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" charset="utf-8"></script> 
</head> 
<body> 
    <p><input type="text" name="keyword" /></p> 
    <select id="multiple" multiple="multiple"> 
    <option selected="selected">Multiple</option> 
    <option>Multiple2</option> 

    <option selected="selected">Multiple3</option> 
    </select> 
<script> 
    function displayVals() { 
     var multipleValues = $("#multiple").val() || []; 
     $("p").html("<b>Multiple:</b> " + 
        multipleValues.join(", ")); 
    } 

    $("select").change(displayVals); 
    displayVals(); 

</script>

Ici, je veux conserver la valeur dans une zone de texte au lieu de "p". Comment le faire ?? Voici mon code obtenir la valeur de la zone de sélection à la zone de texte

Source

2011-07-29 Moumita

function displayVals() { 
     var multipleValues = $("#multiple").val() || []; 
     var html = $("p").html(); 
     $("p").html("<b>Multiple:</b>" + html); 

     $("input[name='keyword']").val(multipleValues.join(", ")); 
    } 

    $("select").change(displayVals); 
    displayVals();

Source

2011-07-29 06:18:30 Gaurav

maintenant seulement une seule option est de choisir http://jsfiddle.net/Nv52J/4/ – Moumita

merci beaucoup .... maintenant son travail realy .. – Moumita

Si vous travaillez avec entrée, vous devez utiliser jQuery.val() (http://api.jquery.com/val/). Quelque chose comme ceci $ ("p"). Val ("Multiple:" + multipleValues.join (",")); Mais aucune étiquette à l'intérieur.

Source

2011-07-29 06:20:07 user868819

<input type="text" value="foooooooooo" /> 
<select id="multiple" multiple="multiple"> 
<option selected="selected">Multiple</option> 
<option>Multiple2</option> 
<option selected="selected">Multiple3</option> 
</select>

//////////////////////

function displayVals() { 

    var multipleValues = $("#multiple").val() || []; 
    var text = "Multiple: " + multipleValues.join(", "); 
    $("input").val(text); 
} 

$("select").change(displayVals); 
displayVals();

Source

2011-07-29 06:25:17

Comment cela?

Javascript

function displayVals() { 
    var multipleValues = $("#multiple").val() || []; 
    $("#result").val("<b>Multiple:</b> " + 
       multipleValues.join(", ")); 
} 

$("select").change(displayVals); 
displayVals();

HTML

<input type="text" id="result" ></input> 
<select id="multiple" multiple="multiple"> 
<option selected="selected">Multiple</option> 
<option>Multiple2</option> 
<option selected="selected">Multiple3</option> 
</select>`

Source

2011-07-29 06:29:07

obtenir la valeur de la zone de sélection à la zone de texte

Répondre

Questions connexes