将输入文本附加到输入值

时间:2014-12-29 14:44:57

标签: javascript jquery cookies input

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"))

我该怎么做?

1 个答案:

答案 0 :(得分:0)

您不需要此代码:

$('#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
        });
    });
});