3

この質問にはすでに答えがあります。

<tfoot>
    <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

私は試してみました:

$('tfoot select').val('zaza');

$("tfoot select").val("zaza")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tfoot>
    <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

何か案が ? 選択=選択させます=変更イベントをトリガーします


  • Javascriptからオプションを選択しても、自動的にchangeイベント値を設定した後に明示的にそれをする必要があります。 - Barmar

4 답변


8

あなたが使用することができます:

$('option[value="222"]')

一般に、

$("tag[attr=value]")を検索しますtag属性付きattrと価値value

選択するには

$('option[value="222"]').prop("selected", true);


  • わかりました..しかしそれを選択する方法? - yarek

2

$(function () {
  $("#clientList").children('[value="zaza"]').attr('selected', true);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tfoot>
    <select id="clientList">
        <option value="222">222</option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>


1

これは、あなたの望むことですか?値を「選択」します$(document).ready

<tfoot>
  <tr>
    <td>
       <select>
        <option value="222"></option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
       </select>
    </td>
  </tr>
</tfoot>

<script>
    $(function(){
        $("tfoot select").val("zaza");
    });
</script>

https://jsfiddle.net/0skmm4pp/

ちなみに<tfoot>タグが間違っています。<tr>タグと<td>タグ。またはあなたが使用することができますrupps回答。


0

プロパティを使用してオプションを選択できますselectedIndex

var selectedIndex = $('select').prop('selectedIndex');
var option= $('select').find('option:eq(' + selectedIndex + ')');

またはインデックスを使ってターゲティングするだけです。

var option= $('select').find('option:eq(0)');

または直接ターゲットにする:

var option = $('option[value="zaza"]');

上記の参考文献のいずれかを選択するには、次のようにします。

option.attr('selected', true);

$('button').on('click', function() {
  var option = $('option[value="zaza"]');
  option.attr('selected', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tfoot>
    <select>
        <option value="222" selected>selected</option>
        <option value="2222">2222</option>
        <option value="zaza">zaza</option>
    </select>
</tfoot>

<button>Change</button>


  • ok:要素を見つけますが、視覚的には選択しません(またはchangeイベントをトリガーしません)。 - yarek
  • はい。選択した属性'を変更します'本当です。私の答えにそれがあります。 - Daerik
  • 視覚的に選択できることを確認するために、スニペットを追加しました。 - Daerik

リンクされた質問


関連する質問

最近の質問