如何仅提交带下拉选择值的表单?

时间:2012-11-11 18:11:56

标签: php jquery mysql wordpress

我想提交一个只有一个带有语言值下拉列表的表单,我想提交表单并访问该值,以便我可以在页面上本地化一些文本。

这是我正在使用的代码,但无法访问帖子值

html表单:

<form action='' method='post'>
<select id="lang">
    <option value="english">Eng</option>
    <option value="arabic">Arabic</option>
</select>
</form>

jQuery提交表单:

 <script type="text/javascript">
    jQuery(function($){
        var lang = $("#lang").val();
        var Home = 'الرئيسية';

        $("#lang").change(function(){
            cntr = $("#lang option:selected").val();

            if(lang=="arabic"){
                $(".menu ul li a:eq(0)").text(Home);
            }
            $('form').submit();
        });
    });


</script>

3 个答案:

答案 0 :(得分:6)

我认为你错过了一个名字&#34;选择的属性:

<select name="lang" id="lang">
    <option value="english">Eng</option>
    <option value="arabic">Arabic</option>
</select>

答案 1 :(得分:2)

您应为“select”元素指定“name”属性

答案 2 :(得分:1)

var lang = $("#lang").val();只会在页面加载时触发,并且需要name才能选择

将其移到更改处理程序中,以便每次更新

   $("#lang").change(function(){
       var lang=$(this).val();
        cntr = $("#lang option:selected").val();

        if(lang=="arabic"){
            $(".menu ul li a:eq(0)").text(Home);
        }
        $('form').submit();
    });