无法使用jquery设置输入值

时间:2015-01-22 14:31:50

标签: javascript jquery html

我有以下图标:

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

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:-1)

这似乎适用于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"));
});