Probably changing
$("tr #button").click(function(){...
to this
$("tr #button").click(function(){
$("select", this).html("<option>0</option><option
selected='selected'>1</
option><option>2</option><option>3</option><option>4</
option><option>5</option>");
return false;
});
Will fix it. You need to find the select element in the right context,
remember that jQuery's selectors work like CSS.
Also I would write your code like this (you don't need to rewrite all
the options just to select one, and you're not setting the option's
values):
$(document).ready(function(){
$("select").empty().append(
new Option(0),
new Option(1),
new Option(2)
);
$(".myButtons").click(function(){
$(this).find('select').val(1); //this will select the option with
value == 1
});
});
>From the code your posted one can assume you have multiple elements
with the "button" ID. That's invalid (IDs should be unique) and will
certainly cause you trouble, use class="something" instead.
cheers,
- ricardo
On Feb 23, 9:30 pm, Jsudesign <jus...@jsudesign.com> wrote:
> Hi everyone,
>
> I have an add button set up and when you click it it changes the
> selected input from 0 to 1.
> Where my problem is...is that it's doing this for every product.
>
> Here's an example:http://rickyscentralcitymall.com/ordering/tables.html
>
> I would add a new class to each product, but that's going to be a pain
> in the end because there are 100+ items on the menu.
>
> Here's the code I'm working with currently.
>
> $(document).ready(function(){
> $("select").html("<option>0</option><option>1</option><option>2</
> option><option>3</option><option>4</option><option>5</option>");
> $("tr #button").click(function(){
> $("select").html("<option>0</option><option
> selected='selected'>1</
> option><option>2</option><option>3</option><option>4</
> option><option>5</option>");
> return false;
> });
>
> });
>
> Any help with this would be great.
>
> Best,
> Justin
