当我单击span时,如何获取span标记所包含的文本并将其保存为隐藏的输入值?

时间:2016-11-02 21:10:57

标签: javascript jquery html onclick

当我点击span标记时,我需要将span标记所包含的文本放在隐藏的输入中。

这是我的代码:

<tr class="vevnumdays">
<td class="vevfree" align="center"><span class="vevmonthday">15</span></td>
<td class="vevfree" align="center"><span class="vevmonthday">16</span></td>
<td class="vevfree" align="center"><span class="vevmonthday">17</span></td>
</tr>
<input name="startdate" id="startdate" type="hidden" class="sv_date_box" value="Select a Date"/> 

如何使用jquery点击它?

2 个答案:

答案 0 :(得分:2)

试试这个

$('.vevmonthday').click(function()
{
    $("#startdate").val($(this).text());
});

示例:https://jsfiddle.net/xjekbv13/

答案 1 :(得分:0)

这应该有效 - https://jsfiddle.net/ToddNewent/z4cd04tj/

$('.vevmonthday').on('click',function(){
    $('#startdate').val($(this).text());
});

它接受范围.vevmonthday的内部文本,并将#startdate设置为该值。