IDではなく名前で要素の値を取得する方法


111

IDではなく名前で要素の値を取得するにはどうすればよいですか。たとえば、IDで使用した場合、次のようになります。 $('#id').val();


1
「名前」とはどういう意味ですか?
Natrium

3
しかし、「名前」とはどういう意味ですか?
kjagiello、2010年

6
彼は<input id = "ID" name = "Name" type = "text" />を意味すると思います。つまり、idフィールドの代わりに名前を使用します。しかし、それは私が例で言い換えただけかもしれません;)
エド・ジェームス

そこでは、CSSセレクターを使用できます(少なくとも、例外は発生していません)
muka.gergely

回答:


316

名前属性セレクターを使用します。

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

3
また、要素のタイプを持つ必要がないことにも注意してください。
rfunduk、2010年

5
あなたの質問を理解できたので、ニックさんに+1
kjagiello、2010年

4
@thenduks:これは真実ですが、名前は通常入力で見つかり、これによりセレクターがはるかに高速になります。
Nick Craver

これの更新です。@NickCraverによって指定されたメソッドは私には機能しませんでしたが、私の場合、$( ":input [name = nameGoesHere]")。val()が機能しました。
Gunnrryy 2018年


9

名前属性セレクターを使用します。

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

値を引用符で囲むことは必須の要件です。http//api.jquery.com/attribute-equals-selector/を参照してください


場合によっては(少なくとも私の場合)、「入力」部分を配置する必要がないことに注意したいだけです。以下で十分です---> $( "[name = 'nameGoesHere']")。val();。ただし、Oracleパッケージ内で作業しています。私は参考のためにこの投稿を見ていましたが、ステートメントから「入力」を削除しない限り、それを機能させることはできませんでした。念の誰の訪問の参考のため、この記事でもオラクルと協力して
user1898629

6

値を取得するには、複数の属性を使用できます。そのうちの1つは名前属性です。例えば

$("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.