如何在下拉菜单中获取所选项目
How to get selected item in dropdown menu
我需要从下拉菜单中获取选定的项目,
我正在使用这个脚本:链接这是我的代码,我只需要在javascript中获取值:
function checkData() {
var pagesObj = document.getElementById("website2");
alert(pagesObj.options[pagesObj.selectedIndex].value);
}
$(document).ready(function() {
$.ajax({
url: "get_data.php",
cache: false,
dataType: 'json',
data: {},
success: function(data) {
for (var i = 0; i < data.results.length; i++) {
if(data.results[i].value != '0' ) {
oHandler = $("#websites2").msDropDown().data("dd");
oHandler.add({text:'', value:'', title:''});
oHandler.add({text:data.results[i].text,value:data.results[i].value,title:data.results[i].title});
}
}
}
});
});
这个checkData()
函数给我的错误是选项未定义并且为空
编辑:
目录:
<select name="websites2" id="websites2" onChange="checkData()" style="width:200px;"tabindex="1"></select>
我相信它就这么简单(使用jQuery):
var selectedIndex = $("#websites2").val();
因为你有 jQuery
$('#websites2').val()
应该这样做,尽管我最近发现在 Opera 上有点不可靠。以下内容在我测试过的所有浏览器上都对我可靠:
$('#websites2 option:selected').val()
相关文章:
- 在BootStrap菜单栏中为所选项目设置背景,类似于BootStrap中的父导航选项
- jQuery:根据select选项中的每页项目进行分页
- 更新:仅根据单选按钮和所选选项选择特定项目
- HTML选择,在DOM中选择了正确的选项,但在firefox中显示了错误的项目
- 如何在angular js中的select选项中获取所选项目id
- 如何将一个表单中的项目添加到 Rails 中另一个表单的下拉选项
- 当表单控件选项具有多个参数时,如何在组合框中填充所选项目
- 通过单击按钮将选项卡(项目)添加到选项卡面板,扩展
- 如何将此选项添加到此图像选取器项目中
- 更新“项目”选项以进行排序
- 在呈现项目后,挖空选择绑定回调的选项
- 在单击选项卡式项目时隐藏和创建另一个对象 - HTML CSS
- 使用表排序器筛选所选选项列表中的选定项目
- jQuery 在选项列表中重新填充所选项目
- 将项目插入活动选项卡窗格
- Microsoft Dynamics Online:将所有选项集项目复制到多行文本字段(使用 JavaScript)
- 在选择选项中选择多个项目,而不使用“Ctrl”键
- jQuery Mobile,在选项列表中选择所有项目
- 从下拉列表中选择项目后,显示新选项并显示文本
- 如何在浏览器窗口/选项卡关闭时删除本地存储项目