[英]jQuery change dropdown value and disable
下拉菜单一:
<select id="parent_task" name="parent_task" class="form-control input-large">
<option data-task-hours="100" data-parent="0" data-task-category="2444" value="527"> - Requirement Analysis</option>
<option data-task-hours="100" data-parent="0" data-task-category="2391" value="531"> - Development </option>
<option data-task-hours="0" data-parent="0" data-task-category="2395" value="535"> - Miscellaneous </option>
</select>
下拉菜单二:
PHP Code
<select name="task_category" id="task_category">
<option value="">Please select</option>
<?php foreach ($task_cat_arr as $cat_row) { ?>
<option value="<?php echo $cat_row['CODEID'] ?>"><?php echo $cat_row['DESCRIPTION'] ?></option>
<?php } ?>
</select>
Outputs:
<select id="task_category" name="task_category">
<option value="">Please select</option>
<option value="2444">Bug Fixing & Sustenance</option>
<option value="2391">Configuration Management</option>
<option value="2395">Database</option>
</select>
当用户从parent_task
下拉列表中选择Requiremnet Analysis
,如何从parent_task
下拉列表中选择Bug Fixing & Sustenance
task_category
选项并将其selected
和disabled
。
它具有与之关联的data-task-category=2444
与task_category
下拉列表的ID相同。
如何使用jQuery实现此目的?
您可以使用
jQuery(function ($) {
//change event handler for the parent
$('#parent_task').change(function () {
//$(this).find('option:selected') - finds the selected option element
//then its data attribute is read and that is set as teh value of the task category
$('#task_category').val($(this).find('option:selected').data('taskCategory')).prop('disabled', true)
})
})
演示: 小提琴
尝试这个:
$('#parent_task').on('change',function(){
if($('#parent_task option:selected').val()=="527")
{
$('#task_category').val("2444");
$('#task_category').attr('disabled',true);
}
});
jQuery(document).ready(function($){
$('#parent_task').on('change', function(event) {
if ($(this).val() === "527") {
var taskCategory = $(this).find(':selected').data('task-category');
$("#task_category").val(taskCategory).prop('disabled', 'disabled');
} else {
$("#task_category").prop('disabled', false);
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.