プルダウン(select要素)が変更されるたびにstyle属性を削除したい

Question

プルダウン(select要素)が変更されるたびに、別の要素にstyle属性を削除したいです。

具体的に構造は以下の通りです。

<select id="hoge1">
<option selected="" value="" disabled="" label="地域を設定"></option>
<option value="0">すべて</option>
<option value="1">北海道</option>
<option value="2">東北</option>
<option value="3">関東</option>
<option value="4">中部</option>
<option value="5">近畿</option>
<option value="6">中国</option>
<option value="7">四国</option>
<option value="8">九州</option>
</select>

<div class="hoge2"  style="display:none;">・・・</div>
<div class="hoge2"  style="display:block;">・・・</div>
<div class="hoge2"  style="display:none;">・・・</div>
<div class="hoge2"  style="display:block;">・・・</div>
<div class="hoge2">・・・</div>
<div class="hoge2">・・・</div>

この「hoge」が変更されるたびに以下のように「hoge2」のstyle属性を削除したいです。

<select id="hoge1">
<option selected="" value="" disabled="" label="地域を設定"></option>
<option value="0">すべて</option>
<option value="1">北海道</option>
<option value="2">東北</option>
<option value="3">関東</option>
<option value="4">中部</option>
<option value="5">近畿</option>
<option value="6">中国</option>
<option value="7">四国</option>
<option value="8">九州</option>
</select>

<div class="hoge2">・・・</div>
<div class="hoge2">・・・</div>
<div class="hoge2">・・・</div>
<div class="hoge2">・・・</div>
<div class="hoge2">・・・</div>
<div class="hoge2">・・・</div>

ご教授のほどよろしくお願いします。

Comments

[kaputaros]

「style属性を削除したい」とのことですが、どのように削除したいのでしょうか？
プルダウンとの関係性を提示していただけますでしょうか？

[castail]

コメントありがとうございます。

削除後のhtmlを追記しました。
またプルダウンの関係性ですが、元のプログラムでプルダウンのoptionの選択状況で動的にhoge2に任意のstyleを追加しており、そのプログラムを編集できないので別で処理をしたいと考えている状態です。

ご教授のほどよろしくお願いします。

[kaputaros]

編集ありがとうございます。でもちょっと分からないです。下から順にスタイルを消していくんですか？selectの値によってどこを消すとか、仕様の関連性はないのでしょうか？

[castail]

順番は関係なく一括で削除したいです。
selectとの値の関連性は気にしなくて大丈夫です。どのような値であろうともhogeの値が変わったタイミングで毎回style属性自体を削除したいです。

Answer 1

属性を削除するならこちら
＞removeAttr(name)

Comments

[castail]

ご回答ありがとうございます。
せっかくご回答頂いたのに誠に恐縮ですが、今回最も早くご回答頂いた「Lhankor_Mhy」様をベストアンサーとさせていただきます。
ご教授ありがとうございました。

Answer 2

初めまして。

<select>の値が変更されるたびにスタイルのdisplayを削除するでしたら、

<select id="hoge1" onchange="onChange()">
...
</select>

として

//値が変更されるたびに呼ばれる。
function onChange() {
   // classがhoge2の要素すべて取得
   var elements = document.getElementsByClassName("hoge2"); 
   //for等で各要素を取り出しfor内で
   element.style.display="";
}

これでstyleを削除できるかと思います。

Comments

[castail]

ご回答ありがとうございます。
せっかくご回答頂いたのに誠に恐縮ですが、今回最も早くご回答頂いた「Lhankor_Mhy」様をベストアンサーとさせていただきます。
ご教授ありがとうございました。

Answer 3

$('#hoge1').on('change',function(){
    $('.hoge2').attr('style','');
})

全部リセットするのでいいんですよね？ style="" が残っちゃうんですけど大丈夫ですかね？

Comments

[castail]

ご回答ありがとうございました。
こちらの内容で実現できました！
この度は迅速なご対応誠にありがとうございました。感謝いたします！