<select id="selBigStationList" style="width: 380px; height: 42px;"></select> 这个下拉列表js初始化绑定和值获取
时间: 2024-04-23 07:06:11 浏览: 39
jquery及原生js获取select下拉框选中的值示例
这个下拉列表的初始化和绑定实际上是通过JavaScript实现的。可以使用jQuery或者纯JavaScript实现。具体的代码如下:
jQuery实现:
```javascript
$(function() {
var options = {
"option1": "Value 1",
"option2": "Value 2",
"option3": "Value 3",
// ...
};
var selectHTML = "";
$.each(options, function(key,value) {
selectHTML += "<option value=" + key + ">" + value + "</option>";
});
$("#selBigStationList").html(selectHTML);
$("#selBigStationList").change(function() {
var selectedValue = $(this).val();
// handle the selected value here
});
});
```
纯JavaScript实现:
```javascript
var options = {
"option1": "Value 1",
"option2": "Value 2",
"option3": "Value 3",
// ...
};
var select = document.getElementById("selBigStationList");
for (var key in options) {
var option = document.createElement("option");
option.value = key;
option.innerHTML = options[key];
select.appendChild(option);
}
select.addEventListener("change", function() {
var selectedValue = select.value;
// handle the selected value here
});
```
希望这可以帮助您实现您想要的功能!
阅读全文