将数据插入输入字段而不是文本区域

Question

我有一个个人资料页面，如果我从下拉列表中选择一个选项，数据将被插入到文本区域字段中。但是当我将 textarea 类型更改为输入类型时它不起作用。

$(document).ready(function(){

    // code to get all records from table via select box

    $("#profiel").change(function() {

        var id = $(this).find(":selected").val();

        var dataString = 'empid='+ id;

        $.ajax({

            url: 'getProfile.php',

            dataType: "json",

            data: dataString,

            cache: false,

            success: function(employeeData) {

               if(employeeData) {

                    $("#heading").show();

                    $("#no_records").hide();

                    $("#artiestnaam").text(employeeData.artistname);

            $("#id").text(employeeData.id);

                    $("#records").show();

                } else {

                    $("#heading").hide();

                    $("#records").hide();

                    $("#no_records").show();

                }

            }

        });

    })

  });

不起作用

<input name="artiestnaam" placeholder="Artiestnaam" class="form-control" id="artiestnaam"></input>

这确实有效，但我不想使用它

<textarea name="artiestnaam" cols="1" placeholder="Artiestnaam" rows="1" style="resize:none;overflow:auto;background-color:white;" class="form-control" id="artiestnaam"></textarea>

我很好奇我用 javascipt 做错了什么，我从不使用 javascript（在网上找到这段代码）所以如果这是一个愚蠢的问题，我深表歉意。谢谢你的时间

Answer 1

代替$("#artiestnaam").text(employeeData.artistname);做$("#artiestnaam").val(employeeData.artistname);

Answer 2

您可以在下面使用&nbsp;$("#artiestnaam").val(employeeData.artistname);或者$("#artiestnaam").attr('value',employeeData.artistname);代替&nbsp;$("#artiestnaam").text(employeeData.artistname);