0

醜いグーグル翻訳ドロップダウンの代わりとなることを目的とした複数の言語のドロップダウンを作成しています。

私の目標は、ユーザーがドロップダウンからアイテムを選択できるようにし、Google翻訳メニューで選択されたアイテムの値をクリックされたアイテムの値に変更できるようにすることです。（それが意味をなさない場合は、読み進めてください！）

私の問題は、翻訳選択メニューを送信することです。

ここでデモを見ることができます：http： //bajdesign.com/test

ご覧のとおり、言語を押すとドロップダウンが表示され、アイテムを選択すると、そのアイテムが左側のGoogle翻訳ドロップダウンに表示されます。この翻訳選択メニューを送信できるようにする必要がありますが、その方法がわかりません。

私のJQueryは

$("#language li a").on("click", function(){
    var thisClass = $(this).attr("class");
    $(".goog-te-combo").val(thisClass);
});

選択メニューがフォームに含まれていないため、JQueryを使用できませんsubmit()。これを行うための最良の方法は何ですか？

4

1 に答える 1

0

Ajax Requestを使用するのはどうですか...

$("#language li a").on("click", function(e){
    e.preventDefault();
    var thisClass = $(this).attr("class");
    $(".goog-te-combo").val(thisClass);

    $.ajax({
       type : 'POST',
       url : 'yoururl',
       dataType : 'html',
       data : {"lang" : $(this).attr("class") },
       success : function(result) {
         // Populate your page here
      }
    })
});

編集

それがフォームにある場合は、送信できます

$("#language li a").on("click", function(e){
        e.preventDefault();
        var thisClass = $(this).attr("class");
        $(".goog-te-combo").val(thisClass).submit();
});
于 2012-10-31T20:47:30.467 に答える