JavaScript if statement from select box

Question

I can't figure out where I'm going wrong - when "Europe" is selected nothing happens.

When I take away the if statement it works, so the output code is definitely okay. The problem seems to be with the if condition.

 <script> 

 function shipping_calc() {  
    var val = document.getElementById.("country").value;    
    if(val === "Europe") {   
        document.getElementById("output").innerHTML = "£2.40";
    }   
 }

</script>

<select id="country" onchange="shipping_calc()">
  <option value="United Kingdom">United Kingdom</option>
  <option value="Europe">Europe</option>
  <option value="Worldwide">Worldwide</option>
</select>

<p id="output"></p>

You have document.getElementById.("country") (notice the period before ("country") — jas7457
– jas7457, Commented Apr 2, 2017 at 22:04

blackandorangecat · Accepted Answer · 2017-04-04 02:40:30Z

1

You had an extra . in your javascript. This works.

function shipping_calc() {

  var val = document.getElementById("country").value;

  if (val === "Europe") {
    document.getElementById("output").innerHTML = "£2.40";
  }
}

<select id="country" onchange="shipping_calc()">
  <option value="United Kingdom">United Kingdom</option>
  <option value="Europe">Europe</option>
  <option value="Worldwide">Worldwide</option>
</select>

<p id="output"></p>

You had document.getElementById.("country") and it should have been document.getElementById("country").

edited Apr 4, 2017 at 2:40

answered Apr 2, 2017 at 22:06

blackandorangecat

1,3426 gold badges19 silver badges43 bronze badges

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

1 Comment

Chris Over a year ago

Of course it had to be something so simple. God dammit. Just takes a fresh set of eyes I guess. Thanks a bunch! :)

Konstantinos · Accepted Answer · 2017-04-02 22:04:43Z

0

Try this...

var vall = document.getElementById("country");
var val = vall.options[vall.selectedIndex].value;

if (val === "Europe") {
  document.getElementById("output").innerHTML = "£2.40";
}

answered Apr 2, 2017 at 22:04

Konstantinos

9831 gold badge10 silver badges20 bronze badges

Comments

jas7457 · Accepted Answer · 2017-04-02 22:07:22Z

0

Here's a fiddle: https://jsfiddle.net/6dvgbjr0/

You had an error in your code, with an extra period:

var val = document.getElementById.("country").value;

answered Apr 2, 2017 at 22:07

jas7457

1,80217 silver badges22 bronze badges

Collectives™ on Stack Overflow

JavaScript if statement from select box

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related