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);
});
참조:
코드에 두 가지 오류가 있습니다.
load()
Ajax에서 반환된 HTML을 지정된 요소에 넣습니다.서버에서 데이터를 로드하고 반환된 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')
그것을 설정합니다.
당신의 두 번째 문제와 관련하여, 저는 HTML 값을 자동으로 설정하려고 시도한 적이 없습니다.load
방법.다음과 같은 작업을 수행할 수 있습니다.
$('#subtotal').load( 'compz.php?prodid=' + x + '&qbuys=' + y, function(response){ $('#subtotal').val(response);
});
위의 코드는 테스트되지 않았습니다.
.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>
언급URL : https://stackoverflow.com/questions/4193916/how-to-set-textbox-value-in-jquery
'programing' 카테고리의 다른 글
CPU 캐시에 따른 MariaDB 성능 (0) | 2023.08.28 |
---|---|
한 번에 여러 행 시드 5 (0) | 2023.08.23 |
NSData에서 Swift의 [Uint8]로 전송 (0) | 2023.08.23 |
jQuery, 확인란 및 .is(": 선택됨") (0) | 2023.08.23 |
이전 버전과의 호환성을 위해 Debian의 MySQL 또는 MariaDB에 자동으로 연결하는 API 안정적인 방법 (0) | 2023.08.23 |