Як встановити значення текстового поля в jquery

Як я правильно завантажую певне значення в текстове поле за допомогою jquery? Спробував це нижче, але я отримав [object Object]як вихід. Будь ласка, просвітліть мене з цього приводу, я новачок у jquery.

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<form name="yoh" method="get">
  Product id: <input type="text" name="pid" value=""><br/> 
  Quantity to buy:<input type="text" name="qtytobuy" value="" onkeyup="proc(document.yoh.pid.value, this.value);"></br>

  Subtotal:<input type="text" name="subtotal" id="subtotal" value=""></br>
  <div id="compz"></div>

</form>

Я думаю, ви хочете встановити відповідь на дзвінок на URL 'compz.php?prodid=' + x + '&qbuys=' + yяк значення текстового поля правильно? Якщо так, ви повинні зробити щось на кшталт:

$.get('compz.php?prodid=' + x + '&qbuys=' + y, function(data) {
    $('#subtotal').val(data);
});

Довідка: get()

У вас у коді дві помилки:

• load()ставить HTML, повернутий з Ajax, у вказаний елемент:

  Завантажте дані з сервера та помістіть повернутий HTML у зібраний елемент.

  За допомогою цього методу не можна встановити значення текстового поля.

• $(selector).load()повертає в JQuery об'єкт . За замовчуванням об’єкт перетворюється в [object Object]обробку як рядок.

Подальше уточнення :

Припустимо, що ваша URL-адреса повертається 5.

Якщо ваш HTML виглядає так:

<div id="foo"></div>

то результат

$('#foo').load('/your/url');

буде

<div id="foo">5</div>

Але у своєму коді у вас є елемент введення. Теоретично (це недійсний HTML і не працює, як ви помітили), еквівалентний виклик призведе до

<input id="foo">5</input>

Але вам насправді потрібно

<input id="foo" value="5" />

Тому використовувати не можна load(). Вам доведеться скористатися іншим методом, отримати відповідь і встановити його як значення самостійно.

Зауважте, що .valueатрибут є функцією JavaScript. Якщо ви хочете використовувати jQuery, використовуйте:

$('#pid').val()

щоб отримати значення, і:

$('#pid').val('value')

встановити його.

http://api.jquery.com/val/

Щодо вашого другого питання, я ніколи не намагався автоматично встановити значення HTML за допомогою loadметоду. Напевно, ви можете зробити щось подібне:

$('#subtotal').load( 'compz.php?prodid=' + x + '&qbuys=' + y, function(response){ $('#subtotal').val(response);
});

Зауважте, що наведений вище код не перевірений.

http://api.jquery.com/load/

Я хотів би зазначити вам, що .val () також працює з select, щоб вибрати поточне вибране значення.

спробуйте

subtotal.value= 5 // some value

proc = async function(x,y) {
  let url = "https://server.test-cors.org/server?id=346169&enable=true&status=200&credentials=false&methods=GET&" // some url working in snippet
  
  let r= await(await fetch(url+'&prodid=' + x + '&qbuys=' + y)).json(); // return json-object
  console.log(r);
  
  subtotal.value= r.length; // example value from json
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form name="yoh" method="get"> 
Product id: <input type="text" id="pid"  value=""><br/>

Quantity to buy:<input type="text" id="qtytobuy"  value="" onkeyup="proc(pid.value, this.value);"></br>

Subtotal:<input type="text" name="subtotal" id="subtotal"  value=""></br>
<div id="compz"></div>

</form>