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

您可以在

下使用

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

OR

$("#artiestnaam").attr('value',employeeData.artistname);

代替

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

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

2 个答案: