Convert Table Cells To Text-boxes With JQuery

March 27, 2023 Post a Comment

I have a table, shown below:

Name

Value

Solution 1:

$('#editParamValues').click(function () {
    $('tr td:nth-child(3)').each(function () {
        var html = $(this).html();
        var input = $('<input type="text" />');
        input.val(html);
        $(this).html(input);
    });
});

Solution 2:

You don't even need Javascript/jQuery:

    <table>
        <tr>
            <td><input type="text" value="My Thing"></td>
        </tr>
    </table>
input {
 border:none;

}
input:active {
    border:1px solid #000;
}

...just use CSS to style the input to look like a span.

Html5 Works

Convert Table Cells To Text-boxes With JQuery

Solution 1:

Solution 2:

Post a Comment for "Convert Table Cells To Text-boxes With JQuery"