How to submit a form with dropdown selected value only?

3 Views

I want to submit a form which has just one dropdown with language values and i want to submit form and get access to that value so that i can localize some text on the page.

This is the code i am using but not able to access the post values

Read More

html form: 

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

jQuery to submit the form: 

 <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>
Post Views: 3

Related posts

Leave a Reply

3 comments

  1. I think you are missing a “name” attribute on the select:

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

  3. var lang = $("#lang").val(); will only fire when page loads and need name for select

    Move it inside the change handler so it updates each time

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