當 select 框選項沒有時，如何動態保持輸入字段為空？

Question

Ì 在用戶輸入 email 時，在輸入字段上書寫會自動填充其他輸入字段的形式

$("#edit-submitted-yhteystiedot-sahkoposti").keyup(function(){
    $("#edit-submitted-saannot-newsletter-newsletter-email-address").val(this.value);
});

問題是，如果用戶不想接收時事通訊並且沒有選擇 select 框的選項，則 ID 為 #edit-submitted-saannot-newsletter-newsletter-email-address 的輸入字段應保持為空，即使用戶更改了默認值email 字段。 SELECT 的 ID 是 #edit-submitted-saannot-haluan-uutiskirjeen

Answer 1

var $select = $('#edit-submitted-saannot-haluan-uutiskirjeen'),
    $emailInput = $("#edit-submitted-saannot-newsletter-newsletter-email-address");
$select.change(function(){
    if($select.val() == 'No')
        $emailInput.val('');
}):
$emailInput.keyup(function(){
    if($select.val() == 'No')
        $emailInput.val('');
});

Answer 2

當用戶將 select 更改為“否”時，重置 email 字段並設置自定義屬性以知道您不希望自動更新

$("#edit-submitted-saannot-newsletter-newsletter-email-address").val(this.value).attr("noautoupdate", true);

然后像這樣更改您的代碼

$("#edit-submitted-yhteystiedot-sahkoposti").keyup(function(){
  if (!$(this).attr("noautoupdate")) $("#edit-submitted-saannot-newsletter-newsletter-email-address").val(this.value);
});

如果用戶將 select 更改為“yes”，則使屬性為 false：

$("#edit-submitted-saannot-newsletter-newsletter-email-address").val(this.value).attr("noautoupdate", false);