jQuery에서 특정 폼 요소를 선택하는 방법은?

jQuery에서 특정 폼 요소를 선택하는 방법은?

저는 다음과 같은 두 가지 양식이 있습니다.

<form id='form1' name='form1'>
  <input name='name' id='name'>
  <input name='name2' id='name2'>
</form>

<form id='form2' name='form2'>
  <input name='name' id='name'>
  <input name='name2' id='name2'>
</form>

이제 양식 2의 이름 필드에 텍스트를 삽입합니다.저는 아래의 jQuery 코드를 사용하고 있는데 양식 1의 이름 필드를 채웁니다.

$("#name").val('Hello World!');

그렇다면 특정 양식 요소만 선택하는 방법은 무엇입니까?

같은 아이디를 두 번 가지고 있는 것은 유효하지 않아요, 그래서요.#name첫번째 것만 찾습니다.

다음을 시도해 볼 수 있습니다.

$("#form2 input").val('Hello World!');

아니면.

$("#form2 input[name=name]").val('Hello World!');

유효하지 않은 페이지를 선택하고 싶은 경우#names, ID에서 속성 선택기를 사용할 수 있습니다.

$("input[id=name]").val('Hello World!');

나는 당신의 #form2의 id descent selector를 다음과 같이 선호합니다.

$("#form2 #name").val("Hello World!");

http://api.jquery.com/descendant-selector/

잘못된 html이지만 선택기 컨텍스트를 사용하여 사용자의 경우 선택기를 제한할 경우 다음과 같습니다.

$("input[name='name']" , "#form2").val("Hello World! ");

http://api.jquery.com/jquery/ #selector-

입력을 설정하는 것이 문제라는 것을 알고 있지만 콤보박스를 설정하고 싶은 경우를 대비하여 (인터넷을 검색해보니 아무것도 발견되지 않았고 이곳은 다른 사람들을 안내하기에 적합한 장소인 것 같습니다.)

ID 속성이 설정된 양식(예: frm1)이 있고 ID가 설정되지 않고 이름 속성이 설정된 특정 콤보 상자(예: district)를 설정하려는 경우 다음을 사용합니다.

$("#frm1 select[name='district'] option[value='NWFP']").attr('selected', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <form id="frm1">
        <select name="district">
            <option value="" disabled="" selected="" hidden="">Area ...</option>
            <option value="NWFP">NWFP</option>
            <option value="FATA">FATA</option>
        </select>
    </form>

$("#name", '#form2').val("Hello World")

언급URL : https://stackoverflow.com/questions/4387319/how-to-select-specific-form-element-in-jquery