selectドロップダウンボックスで関数をトリガーしてパラメータを渡す方法
5367 ワード
selectドロップダウンボックスと関数トリガの書き方
まずselectドロップダウンボックスのHTMLコードを書く必要があります.標準フォーマットは以下の通りです.
ここでは特に注意して、トリガ関数はselectのメモに書きます!
オプションは自分でイベントをトリガーすることはできないので、selectはイベントを登録することができます.以下のような書き方は正しくなく、関数はトリガーされません.
トリガ関数はどのように伝達パラメータを受信します
では、パラメータをどのように渡すかというと、jqueryメソッドを使用してドロップダウンボックスの選択項目の値を取得し、異なる値に基づいて対応する関数をトリガーすることができます.
まずselectドロップダウンボックスのHTMLコードを書く必要があります.標準フォーマットは以下の通りです.
<form>
<select id="para_region" name="para" onchange="change()">
ここでは特に注意して、トリガ関数はselectのメモに書きます!
オプションは自分でイベントをトリガーすることはできないので、selectはイベントを登録することができます.以下のような書き方は正しくなく、関数はトリガーされません.
トリガ関数はどのように伝達パラメータを受信します
では、パラメータをどのように渡すかというと、jqueryメソッドを使用してドロップダウンボックスの選択項目の値を取得し、異なる値に基づいて対応する関数をトリガーすることができます.
<script>
function change(){
//
var vs = $('select option:selected').val();
//
if (vs==1){
showchart1();}
if (vs==2){
showchart2();}
//
document.getElementById("demo2").innerHTML=vs;
}
script>