Question

In my html page

$(function(){
    $('.addallitem ').fancybox({
        openEffect : 'elastic',
        closeEffect : 'elastic'
    });
});

HTML

    <select class="category">
            <option value="All">All</option>
            <option value="Apparel">Apparel</option>
            <option value="Appliances">Appliances</option>
    </select>
    <a href="addallitem.php?category=" class="addallitem fancybox.ajax">Add All</a>

I got confused what should i put in the addallitem.php?category= ?

When I click the add all there will be a pop up form and the form should receive the option value

Thanks for those who help 🙂

Answer 1

What kind of HTML is this?

<a href="addallitem.php?category=" class="addallitem fancybox.ajax">Add All</button>

It starts with <a> and ends with </button>!

If you want to do a $_GET request, the best way is:

<button onclick="location.href='addallitem.php?category=' + $('.category').val()" class="addallitem fancybox.ajax">Add All</button>

I still don’t understand, why you need a class like fancybox.ajax. And let us know more on what you wanna achieve and full JavaScript code, if you have any.