根据选定的<select>值添加所需的属性

Question

我有一个带有两个选择和一个的表单。默认情况下，不需要提交表单。当从中选择的选项的值是披萨时，我想将必需的属性添加到。如果用户切换到另一个选项，我也希望将其删除。 $（function（）{   varpaymentType = $（“＃paymentType选项：已选择”）.val（）;   如果（paymentType =='pizza'）{     $（“ firstName”）。prop（'required'，true）;   }其他{     $（“ firstName”）。prop（'required'，false）;   } }）; <表格>        选择付款类型     比萨     前五名         

Answer 1

您需要给select一个change处理函数，并且还要为firstName使用正确的选择器（将#放在前面以选择{{1 }}）：

id

$("#paymentType").on('change', function() {
  const paymentType = this.value;
  if (paymentType == 'pizza') {
    $("#firstName").prop('required', true);
  } else {
    $("#firstName").prop('required', false);
  }
});