1

これが可能かどうかはわかりませんが、特定の値が選択されているページ上のすべてのドロップダウンを選択する簡潔な方法はありますか。

たとえば、次のような同じドロップダウン（IDを除く）がいくつかあります。

<select class="whatever">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>

私はこのようなことをしたいです：

$(".whatever:2")

ここで、値が2のオプションが選択されているドロップダウンのみが選択されます。

関連するすべてのコード：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    function go()
    {
        alert($(".whatever input[value='2']").length);
    }
</script>
<select class="whatever" id="a">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>
<select class="whatever" id="b">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>
<select class="whatever" id="c">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>
<input type="button" onclick="go();" value="go" />
4

4 に答える 4

2

で選択できますinput[value=value]。テストケースを使用した例を次に示します。

$(".whatever input[value=2]")

上記は、クラス内の値が2のオプションのみを選択します。

于 2013-03-25T11:17:35.267 に答える
1

私はこれがあなたが必要とするものをカバーするべきだと思います：

$(document).ready(function() {
    jQuery("#btn").on('click',function(){
  $('select').filter(function() {
            return $(this).val()==='2';
  }).each(function(){
  console.log($(this).attr("id"))
  })   
    });

});

http://jsfiddle.net/kMb3p/

そこにconsole.logを追加したので、正しい選択要素のIDが返されることがわかります。それはあなたがそれで何をする必要があるかに応じて変更することができます:)

于 2013-03-25T12:01:32.753 に答える
0 
$("input[value='specificvalue']")

あなたは上記のようにそれを行うことができます。

于 2013-03-25T11:18:55.403 に答える
0

数えるだけなら

<script type="text/javascript">
    function go()
    {
        alert($("select.whatever option[value='2']:selected").length);
    }
</script>

また、値2を選択したすべてのドロップダウンを選択する場合（値の変更など）

<script type="text/javascript">
    function go()
    {
        var allDropdowns = $("select.whatever option[value='2']:selected").parent();
    }
</script>
于 2016-09-08T10:47:12.100 に答える