sラジオボタンで地域を選択したら、それに合わせた都道府県名が選べるようになるJavaScript(続き)

https://teratail.com/questions/72856
こちらの続きになります。

###問題点
地域ラジオボタンを選択すると、それに合わせた都道府県だけが表示されるが、
そのあとに、ラジオボタンで地域を選びなおしても、選択した都道府県がそのまま表示されてしまう。
(例)
①地域（ラジオ）「北海道・東北」選択→「北海道」選択
②地域（ラジオ）で「北海道・東北」以外の他の地域を選択し直す
③選択肢が「北海道」のまま

###解決したいこと
ラジオボタンを選び直した際は、都道府県の選択肢がリセットされ、
元の「選択してください」が表示されるようにしたい。

行動規範の内容に同意します

回答2件

ベストアンサー

スミマセン、よく考えればそのへんの仕様が必要でしたね

javascript
1$(function(){
2  $('[name=area]').on('change',function(){
3    $('[name=pref]').prop('selectedIndex',0);
4    var id=$(this).filter(":checked").attr('id');
5    $('[name=pref] option').show().filter(function(i){
6      return i!=0 && $(this).data('area')!=id;
7    }).hide();
8  });
9});