将输入文本附加到输入值

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
        });
    });
});