how to set textbox value in jquery

Question

How do I properly load the a certain value into a textbox using jquery?Tried the one below but I get the [object Object] as output. Please enlighten me on this, I'm new to jquery.

_x000D_

proc = function(x, y) {_x000D_
  var str1 = $('#pid').value;_x000D_
  var str2 = $('#qtytobuy').value;_x000D_
  var str3 = $('#subtotal').load('compz.php?prodid=' + x + '&qbuys=' + y);_x000D_
  $('#subtotal').val(str3);_x000D_
}

_x000D_

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>_x000D_
_x000D_
_x000D_
<form name="yoh" method="get">_x000D_
  Product id: <input type="text" name="pid" value=""><br/> _x000D_
  Quantity to buy:<input type="text" name="qtytobuy" value="" onkeyup="proc(document.yoh.pid.value, this.value);"></br>_x000D_
_x000D_
  Subtotal:<input type="text" name="subtotal" id="subtotal" value=""></br>_x000D_
  <div id="compz"></div>_x000D_
_x000D_
</form>

_x000D_

User · Answer

try  subtotal value  5    some value    x000D   x000D  proc   async function x y    x000D    let url    https   server test-cors org server id 346169 amp enable true amp status 200 amp credentials false amp methods GET amp      some url working in snippet x000D     x000D    let r  await await fetch url   amp prodid     x     amp qbuys     y   json       return json-object x000D    console log r   x000D     x000D    subtotal value  r length     example value from json x000D    x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   x000D   lt form name  yoh  method  get  gt   x000D  Product id   lt input type  text  id  pid   value    gt  lt br  gt  x000D   x000D  Quantity to buy  lt input type  text  id  qtytobuy   value    onkeyup  proc pid value  this value    gt  lt  br gt  x000D   x000D  Subtotal  lt input type  text  name  subtotal  id  subtotal   value    gt  lt  br gt  x000D   lt div id  compz  gt  lt  div gt  x000D   x000D   lt  form gt  x000D   x000D   x000D

User · Answer

Note that the  value attribute is a JavaScript feature  If you want to use jQuery  use      pid   val    to get the value  and      pid   val  value    to set it  http   api jquery com val  Regarding your second issue  I have never tried automatically setting the HTML value using the load method  For sure  you can do something like this      subtotal   load   compz php prodid     x     amp qbuys     y  function response       subtotal   val response        Note that the code above is untested  http   api jquery com load

User · Answer

I would like to point out to you that  val   also works with selects to select the current selected value

User · Answer

I think you want to set the response of the call to the URL  compz php prodid     x     amp qbuys     y as value of the textbox right  If so  you have to do something like     get  compz php prodid     x     amp qbuys     y  function data            subtotal   val data         Reference  get    You have two errors in your code    load   puts the HTML returned from the Ajax into the specified element      Load data from the server and place the returned HTML into the matched element    You cannot set the value of a textbox with that method    selector  load   returns the a jQuery object  By default an object is converted to  object Object  when treated as string    Further clarification   Assuming your URL returns 5     If your HTML looks like    lt div id  foo  gt  lt  div gt    then the result of      foo   load   your url      will be   lt div id  foo  gt 5 lt  div gt    But in your code  you have an input element  Theoretically  it is not valid HTML and does not work as you noticed   an equivalent call would result in   lt input id  foo  gt 5 lt  input gt    But you actually need   lt input id  foo  value  5    gt    Therefore  you cannot use load    You have to use another method  get the response and set it as value yourself

[javascript] how to set textbox value in jquery

The answer is

Examples related to javascript

Examples related to jquery

Tags