显示属性'标题'焦点或点击中其他元素中的元素/ s

时间:2015-10-05 09:41:01

标签: javascript jquery user-experience

显示属性'标题'元素(输入类型文本,选择和复选框),焦点或单击,在其他元素egLabel中。 请see attached image link

由于

1 个答案:

答案 0 :(得分:0)

可能的解决方案之一JSFiddle

$(document).on('mouseenter', 'input,select', function (e) {
    $('#current-control-label').text($(this).data().title);
});

$(document).on('mouseleave', 'input,select', function (e) {
    $('#current-control-label').text(' ');
});

HTML:

<table>
<tr>
    <td><input type="text" data-title="Name" /></td>
    <td>
        <select data-title="Gender">
            <option value="M">Male</option>
            <option value="M">Female</option>
        </select>
    </td>
    <td><input type="radio" data-title="Active" /></td>
</tr>
<tr>
    <td colspan="2">
        <span id="current-control-label">&nbsp;</span>
    </td>
</tr>
</table>