Question

有人知道如何在选择时将下拉列表中的值插入textarea吗？我去了互联网搜索，我尝试过，但它根本没有出现。

下面是我所做的代码片段，但是我在从下拉列表中选择值时陷入困境，它根本不会出现在我的textarea中。我需要帮助。

谢谢大家。

Variable.php

<?php

$variable_arr = array("Mobile", "Name", "Amount", "Due", "Etc");
$variable_str = '<select name="Variable" id="drp_dwn">';            
$variable_str .= '<option selected>&ltSelect Data&gt</option>';

foreach($variable_arr as $variable)
{
    $variable_str .= '<option value="'. $variable .'">&lt'.$variable.'&gt</option>';
}

$variable_str .= '</select>';

?>

change.js

$(document).ready(function() {
    $("#drp_dwn").change(function () {
        var str = "";

        $("selected").each(function () {
            str += $(this).text() + " ";
            });
        $("textArea").text(str);
        }).change();
});

的index.php

<textarea rows="4" cols="40" type="text" name="content" id="textArea"></textarea>
<label> <input type="submit" value="Send" name="submit" id="send_box"> </label>

Answer 1

使用 val（）方法代替 text（）

$("#drp_dwn").change(function () {
        $("#textArea").val(this.value);
 }).change();

<强> DEMO

Answer 2

试试这个

$(document).ready(function(){
    //adding event listener
    $('#drp_dwn').on('change', function(){

        //assigning the selected option to a variable
        var str = $(this).val();

        //so sending value to textbox
        $('#textArea').text(str);
    });
});

如何将下拉值插入textArea？

2 个答案: