選択ボックスからテキストボックスに値を取得

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

ここでは、 "p"ではなくテキストボックスに値を保持します。する方法？あなたはjQuery.val（）（http://api.jquery.com/val/）を使用してください入力で動作している場合ここでは私code 選択ボックスからテキストボックスに値を取得

出典

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();

出典

2011-07-29 06:18:30 Gaurav

今だけ1つのオプションがhttp://jsfiddle.net/Nv52J/4/ – Moumita

を選択しているが、今のは本当に働いて....ありがとうございました.. – Moumita

です。このようなもの $（ "p"）。val（ "複数：" + multipleValues.join（ "、"））; 内部にタグはありません。これについて

出典

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();

出典

2011-07-29 06:25:17

どのように？

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

出典

2011-07-29 06:29:07

選択ボックスからテキストボックスに値を取得

答えて

関連する問題