>웹 프론트엔드 >JS 튜토리얼 >jquery에 의해 추가된 입력 값을 얻는 방법

jquery에 의해 추가된 입력 값을 얻는 방법

小云云
小云云원래의
2018-03-17 09:30:574274검색

jquery를 사용하여 추가를 통해 팝업 창이나 페이지에 입력 상자(name="price")를 추가하고 값을 얻으려고 한다고 가정해 보겠습니다. 이 기사에서는 주로 jquery에 의해 추가된 입력 값을 얻는 방법을 공유합니다.

참고:

일부 팝업 창 내용이 페이지에 기록되므로 먼저 페이지에 name="price"인 입력 상자가 여러 개 있는지 확인한 다음 페이지의 입력 상자를 팝업에 추가하세요. 동일한 방식으로 페이지에 두 개의 동일한 입력 상자가 생성됩니다. 지정된 ID를 가진 요소를 추가할 때 페이지에 동일한 ID가 있는지도 확인하세요.

jquery 메서드를 통해 값을 가져옵니다

$('input[name="price"]').val();
$('input[name="price"]').attr('value');
$('input[name="price"]')[0].value;
$('input[name="price"]').prop('value');
$('input[name="price"]').get(0).value;

js 메서드를 통해 값 가져오기

var inputVal = document.getElementsByName('price')[0].value;
var inputVal = document.getElementsByName('price').item(0).value;
var inputValue = document.getElementById('price').value;

물론 이 외에도 더 많은 메서드가 있으므로 선호도에 따라 선택할 수 있습니다. . . .

클릭 이벤트를 동적으로 생성된 버튼에 바인딩

$('body').on('click', '.btn', function() {    // ……});

관련 권장 사항:

jquery 추가 및 추가 사용 분석

Jquery 추가 메서드 사용 시 문제

jQuery 메서드 분석--append()

위 내용은 jquery에 의해 추가된 입력 값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.