我有一个2选择的表单。当用户从选择B中选择选项时,它会使用此脚本从选择A中显示特定值:
var $ = jQuery;
$(document).ready(function () {
$('#ville_livraison').change(function(){
$('#ville_livraison option[value*="74890"]').addClass('cp-74890');
if ($('#ville_livraison option:selected').hasClass('cp-74890')) {
$('#code_postal_livraison').val("74890");
}
})
$('#ville_livraison').trigger('change');
});
选择A = #code_postal_livraison并选择B = #ville_livraison。我遇到的问题是,当以这种方式选择值时,表单不会提交,就像没有选择任何选项一样。即使用户没有手动选择选项,我如何验证表单?
您可以检查它here。表格在右边,您必须检查“se faire livrer + on le récupère”以查看选择的元素。
1条答案
按热度按时间qeeaahzv1#
带有#ville_livraison的select标签有一个必需的属性,因此在提交表单时要求此输入具有一个值。如果该值为空,浏览器将给予一个验证通知。#ville_livraison中的每个选项都有效,除了Ville。这是因为Ville的选项标签有一个value属性,但该value属性没有值。尝试将“Ville”作为值添加到此选项标签。