jquery - 选择一个选择菜单项并使用 JQuery 提交

Question

我正在创建一个包含多种语言的下拉列表，旨在替代丑陋的谷歌翻译下拉列表。

我的目标是允许用户从下拉列表中选择一个项目，将谷歌翻译菜单所选项目的值更改为单击的项目的值。（如果这没有意义，请继续阅读，它会的！）

然后我的问题是提交翻译选择菜单。

你可以在这里看到一个演示：http: //bajdesign.com/test

如您所见，当您按语言时，会出现下拉菜单，当您选择一个项目时，您会看到该项目出现在左侧的谷歌翻译下拉列表中。我需要能够提交此翻译选择菜单，但我不确定如何提交。

我的 JQuery 是

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

因为选择菜单不包含在表单中，所以我不能使用 JQuerysubmit()那么最好的方法是什么？

Answer 1

如何使用Ajax 请求...

$("#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();
});