如何在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()将Ajax返回的HTML放入指定的元素：

  从服务器加载数据，并将返回的HTML放入匹配的元素。

  您不能使用该方法设置文本框的值。

• $(selector).load()返回jQuery 对象。默认情况下，将对象[object Object]视为字符串时会将其转换为。

进一步说明：

假设您的网址返回了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/

关于第二个问题，我从未尝试使用该load方法自动设置HTML值。当然，您可以执行以下操作：

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

请注意，上面的代码未经测试。

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

我想向您指出，.val（）也可以与selects一起使用，以选择当前选定的值。

尝试

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>