<dl> <dt> <dd> <li> 下拉菜单使用 Javascript 获取信息
<dl> <dt> <dd> <li> dropdown getting information with Javascript
我有一个看起来像这样的下拉列表。我需要帮助使用 javascript 从当前选择中获取信息。我需要添加什么id和任何适当的javascript调用来获取当前所选
的"值"
<dl id="order" class="dropdown">
<dt><a href="#"><span>(Name of Selected Item Ends up here)</span></a></dt>
<dd>
<ul style="z-index: 1000; display: none; ">
<li value="1"><a href="1">Item 1</a></li>
<li value="2"><a href="2">Item 2</a></li>
<li value="3"><a href="3">Item 3</a></li>
</ul>
</dd>
</dl>
$(document).ready(function() {
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
if(order != getSelectedValue("order")) {
order = getSelectedValue("order");
}
});
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
return false;
});
});
单击时,这将返回单击的列表项的值:
$(this).closest('li').attr('value');
然后,您可以删除 getSelectedValue 函数。
js小提琴示例
相关文章:
- 使用Javascript获取所选选项ID
- 可以't使用JavaScript获取width属性
- 如何使用javascript获取嵌套对象中所有子对象的单个属性
- Javascript获取上一个元素的内容
- 使用Javascript获取Twitter访问令牌
- 在不同的文件中使用Javascript获取表单数据
- 如何用javascript获取谷歌地图的经度和纬度
- 使用javascript获取表的td值
- 如何使用JavaScript获取当前URL
- 如何在谷歌网站中使用javascript获取当前页面的网址
- Javascript获取所有锚链接的索引
- 如何使用javascript获取从指定文件夹创建的所有文件的名称、大小、类型和日期
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 如何使用javascript获取下一个/转发url
- 需要使用javascript获取输入文本,然后将其添加到句子中
- 使用JavaScript获取Gridview单元格值
- 使用javascript获取跨度的文本
- 如何使用Javascript获取POST请求填充的元素的值
- JavaScript-获取数据属性的值返回未定义的值
- Javascript:获取“;FORM”;它是在.html到外部.js文件中创建的