자바 스크립트에서 동적으로 생성 된 HTML에 값을 추가하는 방법

debugcn 에 게시 Dev

user8265273

JavaScript에서 동적으로 생성 된 HTML이 있는데 동적으로 생성 된 텍스트 필드에 추가해야하는 값이 있습니다. 내 코드는 다음과 같이 실행됩니다.

var itemID = 25;


content = document.createElement('div');
var html = `
      <div class="panel-container">
        
        <hr class ="hr-panel">
        <input type="text" placeholder="DB ID" id="ItemID" class ="col-xs-1 col-sm-2 col-md-2 col-lg-2 input-input-row">
        <div class ="input-row-spacer"></div>
        <div class ="input-row-spacer"></div>
        <input type="file">
        <hr class="panel-vertical-spacer">
        <hr class="hr-panel">
        <div class="row">
            <div class="col-md-12">
                <div class="panel-validation-controls-container">
                    <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-ok"> </span> OK</button>
                    <div class="input-row-spacer"></div>
                    <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-remove"> </span> Cancel</button>
                </div>
            </div>
        </div>
    </div>`;

$(content).append(html);
$('#' + itemID + 'ItemId').append(html);
}

내 텍스트 필드에 값 25를 어떻게 삽입 할 수 있습니까? 미리 감사드립니다

Neeraj Pathak

HTML을 div에 추가 한 다음 id로 텍스트 상자를 찾아 텍스트 상자에 값을 입력해야합니다.

  var html = `
      <div class="panel-container">
        
        <hr class ="hr-panel">
        <input type="text" placeholder="DB ID" id="ItemID" class ="col-xs-1 col-sm-2 col-md-2 col-lg-2 input-input-row">
        <div class ="input-row-spacer"></div>
        <div class ="input-row-spacer"></div>
        <input type="file">
        <hr class="panel-vertical-spacer">
        <hr class="hr-panel">
        <div class="row">
            <div class="col-md-12">
                <div class="panel-validation-controls-container">
                    <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-ok"> </span> OK</button>
                    <div class="input-row-spacer"></div>
                    <button class="btn btn-default col-xs-1 col-sm-2 col-md-2 col-lg-2 btn-input-row" type="button"><span class="span-input-row glyphicon glyphicon-remove"> </span> Cancel</button>
                </div>
            </div>
        </div>
    </div>`;
  
  $('div').append(html);
  
  $('#ItemID').val(25)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div></div>

이렇게요.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-20

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

자바 스크립트에서 동적으로 생성 된 HTML에 값을 추가하는 방법

자바 스크립트에서 동적으로 생성 된 HTML에 값을 추가하는 방법

자바 스크립트에서 동적으로 생성 된 HTML 컨트롤을 비동기 적으로 업데이트하는 방법

자바 스크립트에서 동적으로 생성 된 테이블의 첫 번째 td로 값 집합을 건너 뛰는 방법은 무엇입니까?

이 자바 스크립트에서 동적으로 생성 된 필드의 유효성을 검사하는 방법은 무엇입니까?

자바 스크립트에서 서블릿으로 값을 보내는 방법 (동적으로 텍스트 상자 생성)

동적으로 생성 된 div에 html을 추가하는 방법

firefox 확장 / 자바 스크립트-동적으로 생성 된 요소에 접근하는 방법

firefox 확장 / 자바 스크립트-동적으로 생성 된 요소에 접근하는 방법

자바 스크립트는 객체에서 동적으로 생성 된 함수

속성 생성자없이 속성에 동적으로 추가 된 속성에 값을 추가하는 방법 (Reflection.Emit)

동적으로 생성 된 텍스트 상자에서 값을 가져 오는 방법은 무엇입니까?

동적으로 추가 된 체크 박스 목록 (자바 스크립트)에서 클릭을 수행 한 요소를 확인하는 방법

자바 스크립트 클로저 호출에서 동적 문자열을 생성하는 방법

동적으로 생성 된 div에서 텍스트 상자 값을 얻는 방법

자바 스크립트에 의해 동적으로 생성 된 객체에서 이벤트 핸들러를 사용하는 방법

자바 스크립트에서 동적으로 생성 된 <li> 요소에 액세스하는 방법은 무엇입니까?

자바 스크립트에서 동적으로 생성 된 버튼에서 onclick 함수를 호출하는 방법

동적으로 생성 된 버튼에 매개 변수를 추가하는 자바 스크립트

동적으로 생성 된 FrameLayout에 조각을 추가하는 방법

자바 스크립트에서 동적으로 생성 된 onclick 함수에 인수를 삽입하는 방법은 무엇입니까?

동적으로 생성 된 여러 텍스트 상자 값을 배열에 표시하는 방법

자바 스크립트에서 동적으로 작성하는 방법 (React Project)

자바 스크립트에서 동적으로 작성하는 방법 (React Project)

바닐라 JS로 자바 스크립트로 생성 된 테이블에서 TD의 값을 얻는 방법이 있습니까?

자바 스크립트에서 HTML로 인코딩 된 값을 처리하는 방법

동적으로 생성 된 탐색 탭에 값을 추가하는 방법은 무엇입니까?

동적으로 생성 된 값을 NumPy 배열에 추가하는 방법은 무엇입니까?

서버리스-자바 스크립트 파일에서 생성 된 리소스를 동적으로 추가하고 다른 리소스와 병합하는 방법은 무엇입니까?

jQuery를 사용하여 HTML 테이블에서 동적으로 생성 된 행의 텍스트 상자 값을 채우는 방법

자바 스크립트가 포함 된 HTML 파일을 동적으로 포함하는 방법