ID 대신 이름으로 요소 값을 가져 오는 방법


111

ID 대신 이름으로 요소의 값을 어떻게 얻을 수 있습니까? 예를 들어 ID로 사용하면 $('#id').val();


1
이름이 무슨 뜻이야?
Natrium

3
하지만 "이름"이란 무엇을 의미합니까?
kjagiello

6
나는 그가 <input id = "ID"name = "Name"type = "text"/>를 의미한다고 생각합니다. 즉, id 필드 대신 이름을 사용합니다. 그러나 그것은 내가 예를 들어 의역하는 것일 수 있습니다.)
Ed James

CSS 선택기를 사용할 수 있습니다 (적어도 예외를 만난 적은 없습니다)
muka.gergely

답변:


316

이름 속성 선택기를 사용하십시오.

$("input[name=nameGoesHere]").val();

3
또한 요소 유형이 필요하지 않습니다.
rfunduk

5
질문을 이해할 수 있었기 때문입니다.
kjagiello

4
@thenduks : 이것은 사실이지만 ... 이름은 일반적으로 입력에서 발견되며 선택기가 훨씬 빨라집니다.
Nick Craver

이것에 대한 업데이트입니다. @NickCraver의 주어진 방법은 저에게 효과적이지 않았지만 $ ( ": input [name = nameGoesHere]"). val ()은 제 경우에는 작동했습니다.
Gunnrryy


9

이름 속성 선택기를 사용하십시오.

$("input[name='nameGoesHere']").val();

값 주위에 따옴표를 포함하는 것은 필수 요구 사항입니다. http://api.jquery.com/attribute-equals-selector/를 참조하십시오.


나는 단지 어떤 경우 (적어도 내 것)에서 '입력'부분을 넣을 필요가 없다는 점에 주목하고 싶었다. 다음으로 충분합니다 ---> $ ( "[name = 'nameGoesHere']"). val () ;. 하지만 저는 Oracle 패키지 내부에서 작업하고 있습니다. 이 게시물을 참조 용으로보고 있었는데 성명서에서 '입력'을 제거하지 않으면 제대로 작동하지 못했습니다. 다른 사람이 참조를 위해이 게시물을 방문하고 Oracle과 함께 작업하는 경우를 대비하여
user1898629

6

값을 얻기 위해 여러 속성을 사용할 수 있으며 그중 하나는 이름 속성입니다. 예

$("input[name='nameOfElement']").val();

다른 속성을 사용하여 값을 얻을 수도 있습니다.

HTML

<input type="text" id="demoText" demo="textValue" />

JS

$("[demo='textValue']").val();

1

이것은 잘 작동합니다 .. 여기 btnAddCat은 버튼 ID입니다

$('#btnAddCat').click(function(){
        var eventCategory=$("input[name=txtCategory]").val();
        alert(eventCategory);
    });

1
//name directly given
<input type="text" name="MeetingDateFrom">
var meetingDateFrom = $("input[name=MeetingDateFrom]").val();

//Handle name array
<select multiple="multiple" name="Roles[]"></select>
 var selectedValues = $('select[name="Roles[]"] option:selected').map(function() {
    arr.push(this.value);
  });

0
let startDate = $('[name=daterangepicker_start]').val();
alert(startDate);

0

배경이 녹색 인 부품에는 어떤 요소가 사용됩니까? "<"및 ">"문자없이 요소 이름 만 입력하면됩니다. 예를 들어 <P>대답이 <P>요소 인 경우가 아니라 P를 입력 합니다 .


-1

클래스 이름을 사용할 수도 있습니다.

$(".yourclass").val();

질문은 클래스가 아닌 이름을 사용하여 가치를 얻는 것입니다.
newbdeveloper
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.