使用 $('#id').val() 不会返回下拉列表的选定值
Using $('#id').val() doesn't return the selected value of a dropdown
我正在尝试查找下拉列表的选定值,但一直得到空字符串或未定义的结果。
我的 HTML 看起来像这样:
<div class="input-group" style="padding-bottom: 10px;">
<span id="add-addon-styling" class="input-group-addon">Status</span>
<!-- TODO: Make this automatically rather than hardcoded -->
<select class="form-control required" id="new-activity-modal-status-dropdown">
<option value="NA" class="selected">N/A</option>
<option value="ON_TRACK">On Track</option>
<option value="ISSUE">Issue</option>
<option value="BEHIND">Behind</option>
</select>
<span class="input-group-addon" data-toggle="tooltip" data-placement="top" title="The Status of the Activity. Usually On Track but otherwise set to N/A if unsure.">
<b>?</b>
</span>
</div>
下面是 JavaScript:
function OnModalCreateNewActivityBtnClick() {
var jsonObject = '';
var modal = $('new-activity-modal-body');
var activityStatus = modal.find('#new-activity-modal-status-dropdown').val();
...
...
}
我也看到过这个建议:
function OnModalCreateNewActivityBtnClick() {
var jsonObject = '';
var modal = $('new-activity-modal-body');
var activityStatus = modal.find('#new-activity-modal-status-dropdown').find(":selected").text();
...
...
}
第一个返回未定义的结果。第二个返回一个空字符串。
我不知道该怎么做。JavaScript 仍然让我感到困惑。
var modal = $('new-activity-modal-body');
应该是
var modal = $('#new-activity-modal-body');
你不会得到任何错误,因为jquery选择器什么也找不到是一个有效的位置。
假设 HTML 是 :
<div class="new-activity-modal-body">...</div>
以下代码将不起作用,因为您没有指定new-activity-modal-body
是class
还是id
:
var modal = $('new-activity-modal-body');
应该是 :
var modal = $('#new-activity-modal-body'); //id selector
//OR
var modal = $('.new-activity-modal-body'); //class selector
希望这有帮助。
使用
var modal = $('#new-activity-modal-body');
您的变量modal
未正确分配。没有new-activity-modal-body
.您应该使用 #new-activity-modal-body
.
只需更换
var modal = $('new-activity-modal-body');
跟
var modal = $('#new-activity-modal-body');
相关文章:
- 如何在用户返回和上一个按钮时刷新下拉列表
- 从 html.append 追加的 html 下拉列表中获取返回值
- 检测所选的下拉列表并返回其值和ID
- 使用数据库返回的数据动态填充下拉列表
- 当我从下拉列表中选择公司名称时,UpdatePanel 自动发布返回=true 并且自动完成文本框不起作用
- 代码点火器动态表单下拉列表,不返回值,而是返回 ID
- 从 Javascript 和 Java 返回的数组中填充下拉列表
- 量角器/JavaScript - 从选择下拉列表中返回字符串的函数
- Django:自动更新下拉列表会导致“form.is_valid()”返回false
- 如何根据查询返回选择 html 下拉列表
- 使用 $('#id').val() 不会返回下拉列表的选定值
- 级联下拉列表未返回值
- 如何将在新窗口中创建的新元素的数据返回到下拉列表中
- Angularjs,无法设置数据库返回json对象的下拉列表
- Jquery.val总是为下拉列表返回相同的值
- 从PHP代码返回的JSON字符串填充下拉列表
- 包括一个搜索框,该搜索框可以查看JSON并返回下拉列表
- 如何从JSON返回更新我的下拉列表
- 返回Json函数没有更新我的下拉列表
- 返回和保留选择的下拉列表函数