2

次のhtmlコードがあります：

<div id="casesList1" class="cases">
   <select id="casesList">
      <option value="1">case1</option>
      <option value="2">case2</option>
      <option value="3">case3</option>
   </select>

   <div id="casesList2" class="cases">
      <select id="casesList">
         <option value="4">case4</option>
         <option value="5">case5</option>
      </select>
   </div>

</div>

そして、内部の div で、JQuery を使用して select 入力の最後の値を選択する必要があります。たとえば、「case5」を選択した場合、関数は 5 を返す必要があります。 id「casesList」。私はこれを試しました：

$('#casesList:last option:selected').attr('value');

ただし、最初の選択値のみを選択します...

4

5 に答える 5

6

まず、ページ内で ID を複製することはできません。これは無効なコードです。そのため、「caseList」の ID は、select 要素ごとに異なる必要があります。

ただし、重複したクラスを使用できるため、その方法で各要素にアクセスできます。

$('.caseList:last').val();
于 2012-07-24T10:02:28.010 に答える
2

試す

$('.cases:last option:selected').val();

また

$('div[id^="casesList"]:last option:selected').val();
于 2012-07-24T09:56:28.133 に答える
2

これが私がそれを解決した方法です：

$('select[name=category]').last().attr('value');

名前のカテゴリを選択した後..

于 2012-07-24T10:57:01.760 に答える
1

これを試して

$('div.cases:last > select option:selected')[0].attr('value')
于 2012-07-24T10:06:54.417 に答える
1

要素 ID は一意である必要があります。重複が必要な場合は、代わりにクラスを使用する必要があります。

$('.cases:last option:selected').attr('value');

また

$('.cases:last option:selected').val();
于 2012-07-24T09:58:59.957 に答える