如何从传单中的组合框获取价值

Question

来自 https://github.com/Leaflet/Leaflet/issues/936 我愿意： http://jsfiddle.net/nFLc3/3/

var legend = L.control({position: 'topright'});
legend.onAdd = function (map) {
    var div = L.DomUtil.create('div', 'info legend');
    div.innerHTML = '<select><option>1</option><option>2</option><option>3</option></select>';
    div.firstChild.onmousedown = div.firstChild.ondblclick = L.DomEvent.stopPropagation;
    return div;
};
legend.addTo(map);

$('select').change(function(){
    alert('changed');
});

如何从组合框中获取选定值。我尝试类似的东西：

$('select').change(function(){
    var x=document.getElementById("select");
    alert(x);
});

但它 return 为空。

我认为这是一个小问题，但我有一个问题..

Answer 1

在第一个代码片段中使用

$('select').change(function(){
    alert(this.value);
});

如果维护 this 变量太困难，您可以尝试第二个代码片段中的内容（直接从元素获取值）....

根据假设 1. 您已尝试使用 getElementById 为此你必须给你的 select 一个 id

div.innerHTML = '<select id="mySelect"><option>1</option><option>2</option><option>3</option></select>';

并且在检索时

$('select').change(function(){
    var x=document.getElementById("mySelect").value;
    alert(x);
});

您尝试使用 select 您可能试图通过标签名称获取价值。为此你必须

$('select').change(function(){
        var x=document.getElementsByTagName("select")[0].value;
        alert(x);
    });

注意：getElementsByTagName returns 一个结果数组，因此如果页面中有多个 select 且难以维护，则必须保持索引正确。所以尝试其他选项。

如何从传单中的组合框获取价值

How to get value from combobox in leaflet

javascript

combobox

leaflet