从选择框中获取值到文本框

<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”。怎么做？这里是我的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

现在只有一个选项是选择http://jsfiddle.net/Nv52J/4/ – Moumita

太感谢你了....现在它真的工作.. – Moumita

如果你的输入工作，你应该使用jQuery.val（）（http://api.jquery.com/val/）。像这样 $（“p”）。val（“Multiple：”+ 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

从选择框中获取值到文本框

回答

相关问题