javascript で li タグにある値を取得したい

質問があります。

下記サイトの「家電、AV、ビデオカメラ」を選択した状態にしたいのですが、先日教えて頂いたSelected=trueでどうもうまくいきません。。。

http://auctions.yahoo.co.jp/

function test(){
var pulldown_option = document.getElementById('elCate');
for(i=0; i<pulldown_option.length;i++){
if(pulldown_option[i].id == "elCate23632"){
pulldown_option[i].selected = true;
break;
}
}
}
test()

添付画像のように家電、AV、カメラを選択した状態にしたいです。

お手数ですが何卒よろしくお願いいたします。

No.1 回答者： siffon9 回答日時： 2016/01/02 21:25

あまり自信がありませんが……

function test(){
document.getElementsByClassName('ptsPanel')[0].style.display = 'block';
document.getElementById('elCate').className = 'on';
document.getElementById('elCate23632').className = 'hover';
}

この回答へのお礼

アドバイスありがとうございます！
.style.display = 'block';のところも勉強になりました。

hoverでハイライトするところまではいきますが、クリックしたことにはなりませんでした。。。

お礼日時：2016/01/02 21:40

No.2 ベストアンサー 回答者： siffon9 回答日時： 2016/01/03 07:14

> hoverでハイライトするところまではいきますが、クリックしたことにはなりませんでした。

。。

クリックは、その要素に対しclick()すれば良いのではないでしょうか？

var menu = document.getElementById('elCate23632')
menu.className = 'hover';
menu.click();

この回答へのお礼

ありがとうございます！

最終的に、下記の一行でいけました。アドバイスありがとうございました。

document.getElementById('elCate23632').click();

お礼日時：2016/01/03 21:35