平成30/ 2018-12-16 11:40
jQuery selected 2017.05.17.1504


#### 選択したいときは、prop() つかいましょう。attr() だと、Safariで機能しない。

$(this).prop('selected',true);



#### 選択したいとき

<select id="alpha">
    <option value="2006">2006</option>
</select>
----
$('#alpha').val(2006);




------------------------------------------------------------------------------------
/ 選択した値を取得
----
<select id="alpha"></select>
----
alert($('#alpha').val());




/ 選択した値を取得
----
<select name="alpha"></select>
-
の場合は以下。
-
alert($('[name=alpha]').val());


----
selectedしたいとき、
$("#city").val(27)
のような書き方だと、IE6、IE7でエラーでる。その他のブラウザは大丈夫だった。
以下のようにすれば、IE6、IE7にも対応できる。

//都市のリストの取得
//都道府県が選択されるとAjaxで都市を取得
function getCityList(prefId, defaultCityId){
    $.getJSON(
      "/common/getCity.php?pref_id="+prefId,
      function(result){
            $('#city').empty();
            for(var i=0; i<result.length; i++){
            if(
            result[i].area_code == defaultCityId
            ){
               $("#city").append($("<option>")
                .val(result[i].area_code)
                .attr('selected','selected')
                .text(result[i].area_name));
            } else{
                $("#city").append($("<option>")
                .val(result[i].area_code)
                .text(result[i].area_name)
                );
           }
           }
       }
   );
}


/ Thanks.
----
jqueryでhtmlのselect要素の値を取得する方法Add Star
http://d.hatena.ne.jp/orikun/20100215/1266246319

選択された単数要素を取り出す
http://qiita.com/tomcky/items/8f1868f1fb963732de39