获取禁用选项的选项值
[英]Get option value of disabled option
问题描述
I have one option disabled in select tag 
我在选择标签中禁用了一个选项
<div class="form-group required">
<label class="col-sm-3 control-label">Status</label>
<div class="col-sm-4">
<select class="form-control validate-required" id="employee_status">
<option value="">Select Status</option>
<option value="Reinitiated" disabled="">Reinitiated</option>
<option value="Suspended">Suspended</option>
<option value="Terminated">Terminated</option>
<option value="Resigned">Resigned</option></select>
<small id="employee_status_help" class="text-danger hide">Status is required</small>
</div>
</div>
I have tried to the below to fetch the value of disabled option 我尝试了以下操作以获取禁用选项的值
inputvalue = $('#employee_status option[disabled]:selected').val();
It is not working... 它不起作用...
3 个解决方案
解决方案1
4 2018-03-09 10:25:10
That is because the disabled option is not selected. 这是因为未选择禁用选项。 So remove :selected 所以删除:selected
var inputvalue = $('#employee_status option[disabled]').val(); console.log(inputvalue);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group required"> <label class="col-sm-3 control-label">Status</label> <div class="col-sm-4"> <select class="form-control validate-required" id="employee_status"> <option value="">Select Status</option> <option value="Reinitiated" disabled="">Reinitiated</option> <option value="Suspended">Suspended</option> <option value="Terminated">Terminated</option> <option value="Resigned">Resigned</option></select> <small id="employee_status_help" class="text-danger hide">Status is required</small> </div> </div>
解决方案2
1 2018-03-09 10:25:15
But the disabled option cannot be selected 但是不能selected disabled选项
You only need this: 您只需要这样：
$('#employee_status option[disabled]').val();
console.log($('#employee_status option[disabled]').val());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group required"> <label class="col-sm-3 control-label">Status</label> <div class="col-sm-4"> <select class="form-control validate-required" id="employee_status"> <option value="">Select Status</option> <option value="Reinitiated" disabled="">Reinitiated</option> <option value="Suspended">Suspended</option> <option value="Terminated">Terminated</option> <option value="Resigned">Resigned</option></select> <small id="employee_status_help" class="text-danger hide">Status is required</small> </div> </div>
解决方案3
1 已采纳 2018-03-09 10:33:04
Try using inputvalue = $('#employee_status option[disabled]').val(); 尝试使用inputvalue = $('#employee_status option[disabled]').val(); it should do the trick 它应该可以解决问题
I've tried it like this and it appears that ':selected' is not valid so it returned undefined 我已经这样尝试过了，看来'：selected'无效，所以返回undefined
You probably wanted to use ::selection but that selects the portion of an element that is selected by a user 您可能想使用::selection但是它选择了用户选择的元素部分
You can see my code bellow 您可以在下面看到我的代码
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
inputvalue = $('#employee_status option[disabled]').val();
console.log(inputvalue);
});
</script>
</head>
<body>
<div class="form-group required">
<label class="col-sm-3 control-label">Status</label>
<div class="col-sm-4">
<select class="form-control validate-required" id="employee_status">
<option value="">Select Status</option>
<option value="Reinitiated" disabled="">Reinitiated</option>
<option value="Suspended">Suspended</option>
<option value="Terminated">Terminated</option>
<option value="Resigned">Resigned</option></select>
<small id="employee_status_help" class="text-danger hide">Status is required</small>
</div>
</div>
</body>
</html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.