Question

我有以下图标：

<i class="fa check-date fa-check-circle-o" data-abierta-date="1" data-date-price="250.00"></i>

以及以下输入：

<input type="text" id="convo-abierta" name="convo-abierta" value="">

我尝试使用以下jquery设置输入的值：

$(".check-date").click(function(){
      $(".check-date").removeClass('fa-check-circle-o').addClass('fa-circle-thin');
      $(this).toggleClass('fa-circle-thin fa-check-circle-o');
      $("#convo-abierta").val($(this).data("abierta-date"));
    });

但输入值始终为空。我试过这段代码：

alert($(this).data("abierta-date"));

并获取值，但我不明白为什么我无法在输入字段上设置值。

Answer 1

奇怪的行为，无法解释为什么会发生这种情况，但如果我理解正确，这有助于：

$("#convo-abierta").attr('value', $(this).data("abierta-date"));

Answer 2

这似乎适用于jsfiddle

看一看。您的代码中是否还有其他内容未在上面显示？

http://jsfiddle.net/ws7oyznh/

       <i class="fa check-date fa-check-circle-o" data-abierta-date="1" data-date-price="250.00">Click ME 
        </i>
        <hr>
 <input type="text" id="convo-abierta" name="convo-abierta" value="">



$(".check-date").click(function () {
    $(".check-date").removeClass('fa-check-circle-o').addClass('fa-circle-thin');
    $(this).toggleClass('fa-circle-thin fa-check-circle-o');
    $("#convo-abierta").val($(this).data("abierta-date"));
});

无法使用jquery设置输入值

2 个答案: