You probably need a 'value' attribute assigned to your options. eg.:
<option value="1">1</option>
<option value="2">2</option>
On Feb 26, 2:45 pm, Jsudesign <jus...@jsudesign.com> wrote:
> Thanks Ricardo, You are wonderful are understanding my problem.
>
> After trying your code. The append part works, but the selection part
> does not.
>
> Any suggestions? Thanks for your help, I'm fairly new to jquery.
>
> // Code does not work...? hmm
>
> $(".myButtons").click(function(){
> $(this).find('select').val(1); //this will select the option
> with
> value == 1
> });
> });
>
> On Feb 24, 11:25 pm, ricardobeat <ricardob...@gmail.com> wrote:
>
> > 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
>
>
