So legen Sie den Textfeldwert in jquery fest

Wie lade ich einen bestimmten Wert mit jquery richtig in ein Textfeld? Versuchte den folgenden, aber ich erhalte die [object Object]Ausgabe als. Bitte klären Sie mich darüber auf, ich bin neu in 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>

Ich denke, Sie möchten die Antwort des Anrufs auf die URL 'compz.php?prodid=' + x + '&qbuys=' + yals Wert des Textfelds festlegen, oder? Wenn ja, müssen Sie Folgendes tun:

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

Referenz: get()

Sie haben zwei Fehler in Ihrem Code:

• load()fügt den vom Ajax zurückgegebenen HTML- Code in das angegebene Element ein:

  Laden Sie Daten vom Server und platzieren Sie den zurückgegebenen HTML-Code in dem übereinstimmenden Element.

  Mit dieser Methode können Sie den Wert eines Textfelds nicht festlegen.

• $(selector).load()Gibt das a jQuery- Objekt zurück . Standardmäßig wird ein Objekt konvertiert, [object Object]wenn es als Zeichenfolge behandelt wird.

Weitere Klarstellung :

Angenommen, Ihre URL kehrt zurück 5.

Wenn Ihr HTML so aussieht:

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

dann das Ergebnis von

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

wird sein

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

Aber in Ihrem Code haben Sie ein Eingabeelement. Theoretisch (es ist kein gültiges HTML und funktioniert nicht wie Sie bemerkt haben) würde ein gleichwertiger Aufruf dazu führen

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

Aber du brauchst es tatsächlich

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

Daher können Sie nicht verwenden load(). Sie müssen eine andere Methode verwenden, die Antwort abrufen und selbst als Wert festlegen.

Beachten Sie, dass das .valueAttribut eine JavaScript-Funktion ist. Wenn Sie jQuery verwenden möchten, verwenden Sie:

$('#pid').val()

um den Wert zu erhalten, und:

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

um es einzustellen.

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

In Bezug auf Ihr zweites Problem habe ich nie versucht, den HTML-Wert mithilfe der loadMethode automatisch festzulegen . Natürlich können Sie so etwas tun:

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

Beachten Sie, dass der obige Code nicht getestet wurde.

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

Ich möchte Sie darauf hinweisen, dass .val () auch mit selects zusammenarbeitet, um den aktuell ausgewählten Wert auszuwählen.

Versuchen

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>