Question

我需要创建jquery，以便当我单击select的选项时，会更改textarea的文本以获取选项值

<p>¿Qué frutas te gustan?</p>
<form>
    <select size="6" multiple="multiple">
        <option value="Naranja">Naranja</option>
        <option value="Sandia">Sandia</option>
        <option value="Melón">Melón</option>
        <option value="Ciruela">Ciruela</option>
        <option value="Melocotón">Melocotón</option>
        <option value="Plátano">Plátano</option>
        <option value="Coco">Coco</option>
        <option value="Piña">Piña</option>
        <option value="Higo">Higo</option>
        <option value="Fresas">Fresas</option>
    </select>
    <textarea rows="4" cols="60">Mis frutas preferidas son: Naranja, Sandia, Melón</textarea>
</form>

Answer 1

尝试这样的事情，

<script>
    function updateTxtArea(ele)
    {
       $("#textArea").html($(ele).val())
    }
</script>

<form>
<select size="6" onchange="updateTxtArea(this)" multiple="multiple">
    <option value="Naranja">Naranja</option>
    <option value="Sandia">Sandia</option>
    <option value="Melón">Melón</option>
    <option value="Ciruela">Ciruela</option>
    <option value="Melocotón">Melocotón</option>
    <option value="Plátano">Plátano</option>
    <option value="Coco">Coco</option>
    <option value="Piña">Piña</option>
    <option value="Higo">Higo</option>
    <option value="Fresas">Fresas</option>
</select>
<textarea rows="4" id="textArea" cols="60">Mis frutas preferidas son: Naranja, Sandia, Melón</textarea>

通过JQuery更改textarea的文本

1 个答案: