javascript - 传单中带有自定义控件的配置表单

Question

我正在尝试使用传单创建自定义控件；在这里你可以看到jsfiddle:https://jsfiddle.net/1tca13f3/

当用户单击提交按钮时，我需要从下拉列表中读取值并从文本字段中读取值。

这个...

 L.DomEvent.on(this._container, 'click', this._doSomething, this);

...正如可预见的那样，不起作用..并且我无法从输入字段读取值。我怎样才能做到这一点？

Answer 1

您遇到的主要问题是您只是在 _doSomething() 函数中警告字符串“clicked”。您需要查找所有值，然后您可以使用这些值执行您想要的操作。这里有一些快速代码，至少可以让您朝着正确的方向前进。

_doSomething: function(event){ 
 if(event.target.className === 'leaflet-control-opt-submit') {
    var select = document.querySelector('.leaflet-control-opt-dropdown');       
    var input = document.querySelector('.leaflet-control-opt-input');
    console.log(select.value, input.value)
 }
}

它首先检查以确保 event.target 是提交按钮，如果是，它会从输入中查找值，现在我们只需 console.log() 它们，从那时起您可以使用以下命令执行任何您想要的操作值。