ホームページ >ウェブフロントエンド >htmlチュートリアル >select_html/css_WEB-ITnoseではクリック処理は使用できません
select_html/css_WEB-ITnoseではクリック処理は使用できません
- WBOYオリジナル
- 2016-06-24 11:17:501425ブラウズ
今日仕事で選択を使用し、クリックイベントをオプションに追加しようとしましたが、効果がありませんでした。Baidu を検索した後でのみ、サポートされていないことがわかりました。
皆さんご存知のとおり (実際、私が知っているだけですが)、IE では select オプションは onclick イベントをサポートしませんが、FF と OPERA ではオプションが onclick イベントをサポートします
(Safari はサポートしていないようですが、現時点では。 Safari で問題を解決する方法がまだわかりません。)
今日は onchange を使用して解決しました。ごめんなさい、これが使えるとは知りませんでした。選択状態が変化して関数が呼び出されます。
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <script src="js/jquery-1.11.3.js"></script> 6 <title></title> 7 </head> 8 <body> 9 10 <select name="" id="qq" onchange="outputSelect()">11 <option value="1">qq</option>12 <option value="2">bbb</option>13 <option value="3">ccc</option>14 </select>15 <div>16 <div class="con" style="display:none">111</div>17 <div class="con" style="display:none">222</div>18 <div class="con" style="display:none">333</div>19 </div>20 <script>21 $(".con").eq(0).show();22 function outputSelect(){23 console.log("aa");24 var num =$("#qq").find("option:selected").index();25 console.log(num);26 $(".con").hide();27 $(".con").eq(num).show().siblings().hide();28 }29 30 console.log($("#qq").find("option:selected").val());31 var aa=$("#qq option:selected").val();32 console.log(aa);33 </script>34 </body>35 </html> onchange はオプションのクリック イベントを置き換えることができる場合がありますが、onchange はクリックしたオプションが前のオプションと異なる場合にのみトリガーされるため、最初の項目が選択されます。選択され、最初の項目をもう一度クリックしても、選択はトリガーされません。
だけ知っています）、IE ではオプションの onclick イベントはサポートされていませんが、FF と OPERA ではオプションが onclick イベントをサポートしています（ないようです。どちらもサポートされていますが、Safariの問題を解決する方法はまだわかりません。)
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。