Display JQuery output in the Input field

Question

I am trying to display the value of #response from the code below into the input field. I am not sure how that can be done. If I use

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

that will display the result but I like to display it in the input field. I tried this,

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

This did not display the result Any idea how that could be done. Thanks in advance.

<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>

$('#response').val(responseText); --> If this contains two values then is there a way to retrieve those values separately? what I would like to do is display values separately into two separate input field.

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

This could contain values such as, Product Description, Product comments, Product type. Those values are coming from the servlet. After receiving those values they will be displayed into three separate input field.

At the moment if I do the following,

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

This will display all three values in the same input field.

James Donnelly · Accepted Answer · 2014-08-21 09:00:14Z

2

input element values are set using jQuery's val() method, not text().

Change:

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

To:

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

JSFiddle demo.

answered Aug 21, 2014 at 9:00

James Donnelly

129k35 gold badges215 silver badges224 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

ron Over a year ago

Not sure should I ask separate question or not. Is there any way to loop through this value, $('#response').val(responseText);

James Donnelly Over a year ago

@ron you should ask a separate question. Based on what you've provided here I'm not fully sure what you mean.

ron Over a year ago

I will ask separate question. Before I do it I will try to explain it to you. $('#response').val(responseText); --> If this contains two values then is there a way to retrieve those values separately? what I would like to do is display values separately into two separate input fields. Hope it make sense...

James Donnelly Over a year ago

@ron you'd have to let me know what responseText contains. You'll have to put that in your question.

ron Over a year ago

I have edited my question. Could you please have a look. Thanks

|

Alok Swain · Accepted Answer · 2014-08-21 09:01:05Z

1

Use .val instead of .text

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

answered Aug 21, 2014 at 9:01

Alok Swain

6,5195 gold badges41 silver badges60 bronze badges

Collectives™ on Stack Overflow

Display JQuery output in the Input field

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related