Day2day Opportunism

まぁ、平たく言うと「雑記」がだらだらと・・・

JQuery Select の操作色々

φ(..)メモメモ

JQuery で、 Html の Select に対する操作

◆ 単一選択されている Item の Value $('#status option:selected').val()
◆ 単一選択されている Item の 要素 $('#status option:selected').text()
◆ 単一選択されている Index 番号 $('#status').attr('selected')
◆ 指定した値を選択 $('#status').val(2) … 非会員を選択
◆ 指定したIndexを選択 $('#status').attr('selectedIndex', 3) … 退会を選択
◆ 指定したIndexの Value $($('#status').children()[i]).val()

◆ 含まれるoptionの全削除 $('#status option').remove();
◆ 指定したIndexのoptionの削除 $($('#status option')[0]).remove();
◆ 指定したValueのoptionの非表示 $($('#status option[value=10]')).css('display', 'none');

複数とかは each を利用してのはず。

※指定したIndexを選択 で attr('selected', 3) で記述したが今試すと動かない…
  attr('selectedIndex', 3) で動きました。なんでだ?

※2015/12/08 追記
  今のJQquery(v1.11.3) だと $('#status').prop('selectedIndex', 2) で動作確認。