click()、change() などの JQuery でパラメータを渡す方法 特定の実装_jquery

2 つの選択でオプションを変換するというジョブを実行する必要があるため、図は次のとおりです。

このジョブは、いくつかのボタンに click() イベントを追加することです。次のように:

コードをコピー コードは次のとおりです:

$("#but_one" ).click(function(){
$("#select1 option:selected").appendTo($("#select2"));
});

それから私は公式ドキュメントを見てクリックについて知りました 説明はこのようになっていますが、その後もBaiduからの回答は得られませんでした
コードの再利用性を考慮して、「select1」と「」を直接渡したかったんです。 select2" 文字列をそれに入れるので、次のメソッドを使用しました:

コードをコピー コードは次のとおりです:

$("#but_one").click(select("select1"," select2"));
//コードの再利用性を向上、関数に応じて変更
function select(s1,s2){ $(("#" s1 "option:selected")).appendTo($("# " s2));
}

後で、jQuery を使用すると、関数名を括弧で囲むと実行されるので、select()などのイベントをバインドすると実行されます。 その後、Baiduで答えが見つからなかったので、Googleに行って見つけました。 stackoverflow フォーラムでの回答 その後、私のコードは次のようになりました:

コードをコピー コードは次のとおりです:

$(function(){
var obj1 = {s:"select1",s2 :"select2"};
var obj2 = {s:"select2",s2:"select1"};
$("#1").click(obj1,select);
$(" #2").click(obj1,select2); ,select);
$("#4").click(obj2,select2);
console.debug(event.data.s); ("#"event.data.s " option:selected")).appendTo($("#"event.data.s2));
}
function select2(event){
$( "#"event.data.s"option").appendTo($("#"event.data.s2))
}
});


のデータclick(data,fn) は実際には json オブジェクトであり、現在のイベント ソースを通じてのみ取得できます。データはデフォルトでイベントに配置されるため、ここでのデータはeventdataであり、event.data.name も使用されます。つまり、JQuery で時間をトリガーし、パラメーターを渡す必要があるすべてのメソッドは、eventdata オブジェクトを介して渡すことができます。 パラメーター:
ここでフォーリナーのコードを共有します:

コードをコピーします コードは次のとおりです: $("select#test").change({msg: "ok"}, function(event) {

myHandler(event.data.msg)

;