how to change the value of a variable based on a select option:selected

Question

I have a select box and I'd like to change the value of variable based on the selected options.

   <form>
          <input type="hidden" value="PIONEER" />
          <select name="select" id="select">
            <option>Select Your Pizza</option>
            <option value="6.65">NY, 10&quot;, £6.65</option>
            <option value="8.95">NY, 12&quot;, £8.95</option>
            <option value="11.95">NY, 16&quot;, £11.95</option>
            <option value="3.45">Chicago, 7&quot;, £3.45</option>
            <option value="6.65">Chicago, 10&quot;, £6.65</option>
            <option value="8.95">Chicago, 12&quot;, £8.95</option>
            <option value="11.95">Chicago, 16&quot;, £11.95</option>
            <option value="19.95">Chicago, Beast 24&quot; x 18&quot;, £19.95</option>
          </select>
          </form>

 $(function() { 
   var selected_pizza = "";
var toppingPrice = 0;
$('#select').change(function() {
    selected_pizza = $('#select option:selected').text();

    alert(selected_pizza);
});
if(selected_pizza.indexOf('Chicago,7') != 1 ) {
     toppingPrice =parseFloat(0.70);
}
if(selected_pizza.indexOf('NY,10') != 1) {
     toppingPrice = parseFloat(0.90);
}
if(selected_pizza.indexOf('NY,12') != 1) {
     toppingPrice = parseFloat(1.05);
}
if(selected_pizza.indexOf('NY,16') != 1) {
     toppingPrice = parseFloat(1.30);
}

});

but this doesn't give me the correct values, is there any other way to do that.

Thanks

Could you post the HTML for this as well please?

Mark L
– Mark L

2009-08-17 19:21:18 +00:00
Commented Aug 17, 2009 at 19:21 — Mark L
– Mark L, Commented Aug 17, 2009 at 19:21
amir, are you still going with this page!

redsquare
– redsquare

2009-08-17 19:22:27 +00:00
Commented Aug 17, 2009 at 19:22 — redsquare
– redsquare, Commented Aug 17, 2009 at 19:22
does the alert show the correct value that is selected?

Senseful
– Senseful

2009-08-17 19:25:34 +00:00
Commented Aug 17, 2009 at 19:25 — Senseful
– Senseful, Commented Aug 17, 2009 at 19:25
yes, the alert shows the correct value

akano1
– akano1

2009-08-17 19:26:33 +00:00
Commented Aug 17, 2009 at 19:26 — akano1
– akano1, Commented Aug 17, 2009 at 19:26

Mutation Person · Accepted Answer · 2009-08-17 19:31:24Z

1

Try this:

var selected_pizza;
$('#select').change(function() {
   selected_pizza = $(this).val();
}

answered Aug 17, 2009 at 19:31

Mutation Person

30.6k18 gold badges102 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andy Gaskell · Accepted Answer · 2009-08-17 19:30:42Z

0

Your indexOf calls have don't have spaces after the commas.

answered Aug 17, 2009 at 19:30

Andy Gaskell

31.8k6 gold badges79 silver badges84 bronze badges

2 Comments

akano1 Over a year ago

still the same problem,for example if I choose the second option instead of adding 0.90 it adds 1.30. Thanks

Andy Gaskell Over a year ago

i think you want indexOf(...) == 0

slosd · Accepted Answer · 2009-08-17 19:31:11Z

0

The text in the option elements contains a space after each comma. The strings you pass to indexOf don't.

answered Aug 17, 2009 at 19:31

slosd

3,5042 gold badges23 silver badges17 bronze badges

Collectives™ on Stack Overflow

how to change the value of a variable based on a select option:selected

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related