Question

is it possible to add a case statement to that? The thing is that now it takes the value from the droplist and writes it to #shop_price. I want to add a statement that when it receives for example “door”, instead of writing that, it would write something else (eg. price:).

$("select.category").change(function () {
 var str = "";
 $("select.category option:selected").each(function () {
 str += $(this).text();
 });
 $("#shop_price").text(str);
 })
 .change();

Answer 1

If we are talking about a single-select dropdown, you can do it much easier using val:

$("select.category").change(function () {
    var value = $(this).val();
    switch(value) {
        case "door":
             // whatever
             break;
        default:
             $("#shop_price").text(value);
             break;
    }
}).change();

If there is going to be a lot of special cases (otherwise why use switch instead of if?), you can make a map:

$("select.category").change(function () {
    var value = $(this).val();

    // This map has function values to give you maximum flexibility on how
    // you want to handle "special" cases. Here, I 'll show an alert.
    var map = {
        // note that you can access value normally inside these functions
        "door": function() { alert("I don't like doors!"); }
        // other special cases here
    };

    if(map[value]) {
        map[value]();
    }
    else {
        $("#shop_price").text(value);
    }
}).change();