javascript - 提取通过js中的数组传递的选择框文本

标签 javascript jquery html arrays select

我有这个代码:

<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);
}

该数组位于:

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

我希望当我单击button1时,selectedbox中的文本被读取,然后我可以执行一些操作。我尝试这样做,但不起作用:

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

         centra();
        };
    });
};

myLatLng 是一个全局变量。有人能帮我吗?

最佳答案

在点击事件中,您应该使用value而不是text,并使用==而不是=条件

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/

关于javascript - 提取通过js中的数组传递的选择框文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37479207/

相关文章:

javascript - 基于 ng-repeat 的旋转木马组件

javascript - 使用 JavaScript 获取没有 id 的相同 html 元素

javascript - 为 Knockoutjs 和映射器扩展添加记录功能

javascript - 有没有一种简单的方法可以创建一次显示多个月份的月/年日期选择器?

javascript - 如何拥有一个持久复选框,每次在 JQuery 中选中时都会打开或关闭 div?

javascript - Mocha : setting varibles on `this` is antipattern?

javascript - 使用 stopPropagation 时无法读取未定义的属性 'findDOMNode' - ReactJs

javascript - 将值从 javascript 传递到 html

javascript - 隐藏了 nowrap 和 overflow 的内联 div

html - 内容后面的下拉菜单