1

必要なものを得るために多くのスクリプトを組み合わせましたが、成功しませんでした。お役に立てれば幸いです。

4 つのドロップ依存ドロップダウンがあります。disabled最初のオプションからオプションを選択するまで、最後の 3 つのドロップダウン。次に、2 番目のデータが取り込まれます。4 つのドロップダウンすべてにデータがあるとは限りません。valueしたがって、最後に有効になったドロップダウンの選択されたオプションを取得したいと思います。

<form action="" id="pfilterForm" method="post">
  <select name="make" id="make" class="update">
    <option value="">Select one</option>
    <option value="13">Range Rover</option>
    <option value="11">Jaguar Performance and Tuning</option>
  </select>
  <select name="series" id="series" class="update">
    <option value="">Select one</option>
    <option value="81">SLS</option>
    <option value="76">SL-Class</option>
    <option value="32">M-Class</option>
  </select>
  <select name="model" id="model" class="update">
    <option value="">Select one</option>
    <option value="73">CLK55</option>
    <option value="71">CLK63</option>
  </select>
  <select name="badge" id="badge" class="update" disabled="disabled">
    <option value="">----</option>
  </select>
  <button name="data" type="button" onClick="getData()">Click</button>
</form>

ご覧のとおり、#badgeドロップダウンにはデータがないため、現時点では無効になっています。で選択CLK63しましvalue 71た。どうすればその値を取得できますか? 意味が分からなかったら教えてください

4

2 に答える 2

2

visibleセレクターは、表示されている要素を確認するために使用されlast()、最後の要素を見つけるのに役立ちます。次を試すことができます。

編集：

無効な要素をフィルタリングするには、 :disableant を使用し:notて、無効になっていない要素を返します。

値:

alert($('.update:not(:disabled) option:selected').last().val())

およびテキストの場合:

alert($('.update:not(:disabled) option:selected').last().text())

働くジャスフィドル

于 2013-06-08T08:43:15.530 に答える
1

あなたはこのようにすることができます

$(".update:not(:disabled) option:selected").last().val()

このフィドルを参照してください

于 2013-06-08T08:43:01.470 に答える