Extract selectbox text which was passed with an array in js

Question

I have this code:

<script>
var paesi = ["Austria","Belgium","Bulgaria","Croatia","Cyprus","Czech Republic","Denmark","Estonia","Finland","France","Germany","Greece","Hungary","Ireland","Italy","Latvia","Lithuania","Luxembourg","Malta","Netherlands","Poland","Portugal","Romania","Slovakia","Slovenia","Spain","Sweden","United Kingdom"];
var sel = document.getElementById('country');
for (var i = 0; i < paesi.length; i++) {
     var opt = document.createElement('option');
     opt.innerHTML = paesi[i];
     opt.value = paesi[i];
     sel.appendChild(opt);
}

this array is in:

<div id="seleziona-nazione"><span><strong>Seleziona nazione</strong></span></div> 
<br /><br />  <br /><br />
<select id="country"></select>
<button id="button1">seleziona</button>

I want that when I click button1 the text in selectedbox was read and then I can do some actions. I try like this, but doesn't work:

function scelta() {
    document.getElementById("button1").addEventListener("click", function (paesi) {
        if (document.getElementById('country').text = 'Austria') {
        myLatLng = { lat: 47.516231, lng: 14.550072 };

         centra();
        };
    });
};

myLatLng is a global variables. Can someone help me?

score 1 · Answer 1 · answered May 27 '16 at 09:10

in the click event you should use value instead of text and use == instead of = in the condition

document.getElementById("button1").addEventListener("click", function (paesi) {

  if (document.getElementById('country').value == 'Austria') {
    myLatLng = { lat: 47.516231, lng: 14.550072 };

    centra();
  };

});

https://jsfiddle.net/egtLvwvw/1/

score 1 · Answer 2 · edited May 23 '17 at 12:31

You could do something like this:

var paesi = ["Austria","Belgium","Bulgaria","Croatia","Cyprus","Czech Republic","Denmark","Estonia","Finland","France","Germany","Greece","Hungary","Ireland","Italy","Latvia","Lithuania","Luxembourg","Malta","Netherlands","Poland","Portugal","Romania","Slovakia","Slovenia","Spain","Sweden","United Kingdom"];

var sel = document.getElementById('country');
for (var i = 0; i < paesi.length; i++) {
  var opt = document.createElement('option');
  opt.innerHTML = paesi[i];
  opt.value = paesi[i];
  sel.appendChild(opt);
}


function doSomething(){
  var x = document.getElementById('country');
  var y = x.options[x.selectedIndex].text;
  if(y == 'Austria')
     console.log('Austria selected');

  }

<body>
  <div id="demo">
    <select id="country">
    </select>
    <input type="button" id="btnClick" onclick="doSomething()" value="Do something" />
  </div>
</body>

Also, I need to point out that, if you wish to compare values, you should use ' == ' for a non strict checking and ' === ' for strict, you could read more on '==' vs '===' here: Which equals operator (== vs ===) should be used in JavaScript comparisons?

score 1 · Answer 3 · answered May 27 '16 at 09:38

1

you can write like this:

document.getElementById("button1").onclick = function() {
    if (document.getElementById('country').value == 'Austria') {
        myLatLng = { lat: 47.516231, lng: 14.550072 };

        centra();
    };
}

answered May 27 '16 at 09:38

Kumar Paraj

76
2

Shrabanee · Answer 4 · 2016-05-27T09:34:46.280

Try using onChange to get the selected value.

<div id="seleziona-nazione">
    <span><strong>Seleziona nazione</strong>    
    </span></div> 
  <br /><br />  <br /><br />
   <select id="country" onchange="getComboA(this)></select>
   <button id="button1">seleziona</button>

Inside the function getComboA you will get the selected value, whenever changing option in the dropdown.

function getComboA()
{
    //Keep the value in a variable. Use it on clicking on the button
}

Or you can just change as following code. use .value instead of .text.

  document.getElementById("button1").on("click",function (paesi) 
 {

      if (document.getElementById('country').value == 'Austria') 
      {
          alert("Australia");
      };

});

Extract selectbox text which was passed with an array in js

4 Answers4