>  기사  >  웹 프론트엔드  >  Layui 목록에서 입력 상자의 값을 얻는 방법

Layui 목록에서 입력 상자의 값을 얻는 방법

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼원래의
2019-07-11 15:26:4622342검색

먼저 입력을 생성하고 스타일 이름은layui-input입니다. 그런 다음 핵심은 ID 값을 추가하는 것입니다.

Layui 목록에서 입력 상자의 값을 얻는 방법

그런 다음 onclick 이벤트가 있는 버튼을 추가하여 값을 트리거합니다.

Layui 목록에서 입력 상자의 값을 얻는 방법

스크립트 코드에서 버튼을 클릭할 때 실행되는 함수를 정의합니다.

document.getElementById를 사용하여 입력 상자를 가져올 수 있으며 매개 변수는 입력 상자의 id 값입니다.

Layui 목록에서 입력 상자의 값을 얻는 방법

입력 상자를 얻은 후 해당 값 속성을 사용하여 입력 상자의 값을 가져올 수 있습니다. 코드: input.value

Layui 목록에서 입력 상자의 값을 얻는 방법

관련 권장사항: "layui 프레임워크 튜토리얼"

Then 얻은 값을 팝업하려면 간단한 경고 방법을 사용하십시오.

Layui 목록에서 입력 상자의 값을 얻는 방법

페이지를 열면 입력창과 버튼이 보입니다.

Layui 목록에서 입력 상자의 값을 얻는 방법

입력창에 값을 입력하고 아래 버튼을 클릭하세요.

Layui 목록에서 입력 상자의 값을 얻는 방법

클릭하면 이 입력 상자의 값이 성공적으로 획득된 것을 확인할 수 있습니다.

Layui 목록에서 입력 상자의 값을 얻는 방법

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

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