JQuery从引导下拉菜单中获取值
JQuery从引导下拉菜单中获取值
提问于 2017-05-12 13:21:11
下面是我的html代码，它是通过车把出现的。
<div class="form-group" id="lab-domain-body">
<label or="scheduleConfigurationFieldDropdown">Select Configuration</label>
<div class="dropdown form-control--transparent">
<input type="TextBox" value id="configuration" class="schedule-configuration sr-only" readonly required/>
<button class="btn btn__dropdown dropdown-toggle" type="button" id="scheduleConfigurationFieldDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="test1">v1.3</button>
<ul class="dropdown-menu modal-body__schedule-ul" id="demolist" aria-labelledby="scheduleConfigurationFieldDropdown">
<li><span> v1.3</span></li>
<li><span>MDSO</span></li>
<li><span>v1.6</span></li>
<li><span>v11.8</span></li>
</ul>
</div>
</div>
我希望一旦用户选择项目，只需要从下拉菜单中获得价值。下面是我尝试过的Jquery，它尝试了所有的东西，但在我的情况下似乎什么都不起作用。
- //该函数从未被调用为$('#demolist li a').on('click'，function(){ $(‘#配置’).val($(This).text()；})；
- 我尝试了启用提交按钮，它运行良好。但仍然无法从下拉菜单中获得价值。我觉得应该够难的，但还是坚持住了。尝试了每一种堆叠溢出的方法。 console.log(($('.schedule-configuration')).val())；var bc =$(‘#configuration’).val($(This).text()；var xyz =($(‘..schedule configuration’).text()；console.log(xyz)；// Jquery )从选定的$formSubmit.prop(“禁用”，false)中获得值；
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-05-12 13:33:50
工作代码：
$(document).on('click', '#demolist li', function() {
$('#configuration').val($(this).children('span').text());
});这里还有一个小提琴：https://jsfiddle.net/beekvang/xj5oponw/
Stack Overflow用户
发布于 2017-05-12 13:23:45
将单击事件处理程序附加到$('#demolist li a')，但<ul>中没有<a>元素。尝试将事件处理程序附加到$('#demolist li span')。
编辑：
您需要将附加的事件包装在$(document).ready()函数中。
这是一个有用的小提琴：https://jsfiddle.net/hc4rpyt8/8/
下面是你需要的代码：
$( document ).ready(function() {
$('#demolist li span').on('click', function(){
$('#configuration').val($(this).text());
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43938791
复制相关文章
相似问题
腾讯云开发者
