0

我有一个复选框和 2 个数字输入字段：

<input name="exercise[hold]" type="hidden" value="0"><input class="te-cb" id="exercise_hold" name="exercise[hold]" type="checkbox" value="1">
<input class="exerciseReps input-mini" id="exercise_number_of_reps_in_set" min="0" name="exercise[number_of_reps_in_set]" placeholder="Reps" type="number" style="display: none; ">
<div class="input-append te-len" style="display: inline-block; ">
    <input class="exerciseLength input-mini" id="exercise_length" min="0" name="exercise[length]" placeholder="Length" type="number">
    <span class="add-on">sec</span>
</div>

用js隐藏一个输入字段：

$('.te-len').hide()

在上面的表格中，还有带有自动竞争的文本输入字段，它使用 ajax 获取数据（此处不相关）。使用 jquery，我正在使用从服务器获取的数据设置表单输入字段的值。

如果复选框的值为 true，我还会显示隐藏字段：

if data[selected].hold
    $('.exerciseReps').hide()
    $('.te-len').show()

那行得通

每个字段都设置正确，接受隐藏字段，该字段为空。

奇怪的是，我在设置该隐藏字段的值后对其进行了警报，并且警报显示了应该设置的值但该值不可见

$('.te-len').val( data[selected].length )
alert $('.te-len').val()

注意：js 代码实际上是 coffescript。

4

1 回答 1

2

我认为问题在于您将 value 设置为div. 虽然使用val作品，但此功能主要用于表单元素，如input，select和textarea。

如果您打算替换 the 的内容，div.te-len则可以使用htmlor text：

$('.te-len').html( data[selected].length )

但听起来您正试图在数字字段中显示data[selected].length值。input.exerciseLength为此，您应该使用：

$('#exercise_length').val( data[selected].length )
于 2013-08-31T18:25:17.487 回答