如何通过jQuery / ajax将下拉样式值传递给我的php文件？

Question

Here's the markup for my dropdown:

    <select id="themes">
        <option selected="selected">Themes:</option>
        <option value="default">Default</option>
        <option value="red">Red</option>
        <option value="bw">Black and White</option>
        <option value="invert">Invert</option>
    </select>

And the jQuery I'm using right now:

$("#themes").change(function() {
    $.ajax({
    url: "css/style.php",
    method: "GET",
    data: {"theme="+$(this).val(); }
    })
});

This gives me a console error of "Uncaught SyntaxError: Unexpected token +". All I'm trying to do is pass $_GET['theme'] on to my style.php so I can process it with conditionals. Any advice?

Answer 1

Create data as an object, you have syntax issues in your code

$("#themes").change(function () {
    $.ajax({
        url: "css/style.php",
        method: "GET",
        data: {
            theme: $(this).val()
        }
    })
});

Answer 2

You have problem with your code. You need to provide key value pair while creating an object in JavaScript reference

$("#themes").change(function() {
    $.ajax({
       url: "css/style.php",
       method: "GET",
       data: {
         theme: $(this).val()
       }
    });
});

Jsfiddle

Answer 3

do it like this.............

    $("#themes").change(function(){

    var theme = $(this).val();


    $.ajax({

                 url: "css/style.php",
                  method: "GET",
                data: {theme : theme },                                                                                                     
                success:  function(data) {



                    }//end of success
            });

        });

i always used this technique then fetch it using

   $theme = $_GET['theme'];