將輸入文字附加到輸入值

Question

HTML：

<input type="text" id="edit-submitted-telefon" name="submitted[telefon]" step="any" class="form-text form-number required">

默認情況下，它沒有任何價值。 但是我要使用cookie，因此它必須具有一個值以及有關用戶文本的值。

例如，當用戶將LOREM IPSUM寫入此輸入時，如下所示：

<input type="text" id="edit-submitted-telefon" name="submitted[telefon]" step="any" class="form-text form-number required" value='LOREM IPSUM'>

---

編輯：我使用此代碼，但它不起作用。

   $('#edit-submitted-telefon').bind('keydown keyup keypress', function() {
      $('#edit-submitted-telefon').val(this.value);
      console.log($('#edit-submitted-telefon').val());
    });

---

之后，工作cookie代碼，它就可以工作。

$(".webform-submit").click(function () {
        $.cookie('telCookie', $el1.val(), {
          expires: 365
        });
      });

      //set the value of the cookie to the element element_1
      var $el1 = $("#edit-submitted-telefon").val($.cookie("telCookie"))

我該怎么做？

Answer 1

您不需要此代碼：

$('#edit-submitted-telefon').bind('keydown keyup keypress', function() {
  $('#edit-submitted-telefon').val(this.value);
  console.log($('#edit-submitted-telefon').val());
});

元素自動獲取值

我認為您只需要執行以下操作：

$(function(){  //document ready
    $("#edit-submitted-telefon").val($.cookie("telCookie")); //load the value from cookie

    $(".webform-submit").click(function () {
        $.cookie('telCookie', $('#edit-submitted-telefon').val(), {
          expires: 365
        });
    });
});