Question

我试图将下面代码中的#response值显示在输入字段中。我不确定如何做到这一点。如果我使用

<div id="response"></div>

将显示结果但我想在输入字段中显示它。我试过这个，

<input type="text" id="response"/>.

这没有显示结果知道如何做到这一点。提前致谢。

<script>
        $(document).ready(function() {

            $("#productID").change(function() {
                //alert($('#productID option:selected').val());
                var pId = $('#productID').val();

                $.get('updateProduct', {
                    productID: pId.trim()    //using trim to get rid of any extra invisible character from pId                    
                },
                function(responseText) {
                  $('#response').text(responseText);                       

                });

            });
        });
    </script>

$（＆＃39;＃响应＆＃39;）VAL（responseText的）。 - ＆GT;如果这包含两个值，那么有没有办法分别检索这些值？我想要做的是将值分别显示在两个单独的输入字段中。

 $('#response').val(responseText);

这可能包含诸如产品描述，产品评论，产品类型等值。这些值来自servlet。收到这些值后，它们将显示在三个单独的输入字段中。

目前，如果我执行以下操作，

<input type="text" id="response"/>

这将在同一输入字段中显示所有三个值。

Answer 1

input元素值使用jQuery's val() method设置，而不是text()。

变化：

$('#response').text(responseText);

要：

$('#response').val(responseText);

JSFiddle demo

Answer 2

使用.val代替.text

$("#response").val(responseText);

在Input字段中显示JQuery输出

2 个答案: