ID를 모르고 동적으로 생성 된 입력 필드에 포커스 설정

debugcn 에 게시 Dev

어리석은 짓

서버에서 HTML 양식 요소를로드하는 jQuery / AJAX 함수가 있습니다. 양식의 필드는 다양합니다. 로드가 완료된 후 사용 가능한 첫 번째 입력 필드에 포커스를 설정하고 싶습니다. 나는 시도했다 :

 $(':input:enabled:visible:first').focus();

그러나 이것은 작동하지 않습니다 :( jQuery에서 입력 필드를 어떻게 처리 할 수 있는지 잘 모르겠습니다. 반환 된 요소의 ID를 모릅니다.

내 함수는 아래와 같지만 my_html 변수에는 여러 개의 간단한 입력 필드가 포함되어 있습니다.

 <input type='text' name='test' value='prefilled' />

AJAX 기능 :

    $.loadIDX = function (idx, position){

        var url = 'URL HERE';

        $.ajax({
              url:  url, 
              type: "POST",
              data: {

                     idx:idx,
                     position:position

              },
              dataType: 'json', 
              success: function(data) {

                if(data.status=='request'){

                     var my_html = '<div id="slide_in"><div id="please_enter_'+idx+'" class="please_enter">Please enter:</div><form id="cform_'+idx+'">';

                     // loop through json & create html input form fields
                     $.each(data, function(key, val) {
                         if(key!='status'){
                            my_html += val;
                        }
                     })

                     // close up the form
                     my_html += '<input class="submit_button" type="button" value="ok" onClick="postForm('+idx+','+position+')" /></form></div>';

                    // place the new HTML into the DIV
                    $('#yn_'+idx).html( my_html );

                    // set focus... HOW?
                    $(':input:enabled:visible:first').focus();

                } else {
                    $.closeIDX(idx);
                }
              }

              });
    }

무사

어때

$('#yn_'+idx).html( my_html ).find('input:first').focus();

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

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

에서 수정2021-05-30

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

ID를 모르고 동적으로 생성 된 입력 필드에 포커스 설정

ID를 모르고 동적으로 생성 된 입력 필드에 포커스 설정

jquery를 사용하여 동적으로 생성 된 입력 필드에서 입력 텍스트에 액세스

동적으로 생성 된 입력 필드 ID에서 배열 생성

VueJS 및 VuetifyJS를 사용하여 입력 필드를 생성하고 입력 된 값을 동적으로 저장

Angular에서 ng-repeat를 사용하여 동적으로 생성 된 입력 필드의 값 가져 오기 / 설정

스크립트에서 동적으로 생성 된 NetSuite 고급 PDF-<img> 태그를 설정할 수 없음

그리드에서 동적으로 생성 된 필드를 필터링하고 정렬하는 방법은 무엇입니까?

JavaScript에서 동적으로 생성 된 입력의 ID 감지

제어 된 구성 요소에서 양식의 입력 필드에 포커스 설정

테이블에서 동적으로 생성 된 입력 필드를 업데이트 / 삭제하는 PHP 쿼리

동적으로 생성 된 입력 필드에서 배열로드

동일한 클래스를 가진 여러 형제가있는 키업에서 동적으로 생성 된 개별 텍스트 입력 크기 조정

마지막으로 생성 된 입력 필드에 주요 이벤트 리스너를 추가하고 입력 후 중지

동적으로 생성 된 입력 필드 저장

동적으로 생성 된 텍스트 입력은 너비를 조정하지 않습니다.

유효성 검사를 통과하지 못한 입력 필드에 포커스를 설정하는 방법

동적으로 생성 된 클래스의 모듈 이름을 설정하는 방법은 무엇입니까?

React로 동적으로 추가 된 필드에 포커스를 설정하려면 어떻게해야합니까?

동적으로 생성 된 텍스트 영역에 tinyMCE 설정 적용

동적으로 생성 된 입력에 대한 자동 완성

동적으로 생성 된 입력 텍스트 필드의 값을 얻는 방법은 무엇입니까?

입력 된 선택적 값으로 동적 Pydantic 모델 생성

제출시 정규식 유효성 검사를 확인하고 비어있는 경우 모든 입력 필드에 포커스

JavaScript에서 동적으로 생성 된 요소의 이미지 소스 설정

jQuery를 사용하여 동적으로 생성 된 입력 필드의 값 변경

Angular-동적으로 입력 [텍스트] 필드 생성

mongodb는 포함 된 문서의 _id 필드에 인덱스를 자동으로 생성합니까?

동적으로 생성 된 특정 콘텐츠에 ID 할당

동적으로 생성 된 입력 필드에 대한 jQuery 유효성 검사를 추가 할 수 없습니까?

길이가 특정 문자 수 (VUE.JS)를 초과하는 경우 동적으로 생성 된 특정 텍스트 입력 비활성화