Как вставить значение текстового поля в td

Question

Мне нужно вставить значение из текстового поля в таблицу с помощью jQuery. У меня есть таблица с тремя ячейками, и я использую функцию jQuery для добавления элемента в свою таблицу, но я не могу получить значение моего текстового поля в td.

это мой стол:

<table id="tableCmp" border name="tableCmp" style="width:25%;border-collapse:collapse;"> 

<tr> 
<th width="5%"></th> 
<th>Intitule Compagnie</th>  
<th width="15%">Action</th> 
</tr> 
</table> 

это мое текстовое поле:

<input type="text" id="text" /> 

это моя функция:

function showdata() 
{ 
$('#tableCmp').append('<tr><td style="text-align:center;"><input type="checkbox" name="myTextEditBox" id="myTextEditBox"></td><td>$('#text').val()</td><td><input type="button" value="M" /><input type="button" value="X" /></td></tr>'); 
} 

Answer 1

Вы можете попробовать это:.

function showdata() 
{ 
    $('#tableCmp').append('<tr><td style="text-align:center;"><input type="checkbox" name="myTextEditBox" id="myTextEditBox"></td><td>' + $("#text").val() +'</td><td><input type="button" value="M" /><input type="button" value="X" /></td></tr>'); 
} 

Answer 2

Вы добавили $ ("# текст") Val() внутри скобок, попробуйте использовать этот

$('#tableCmp').append('<tr><td style="text-align:center;"><input type="checkbox" name="myTextEditBox" id="myTextEditBox"></td><td>' + $('#text').val() + '</td><td><input type="button" value="M" /><input type="button" value="X" /></td></tr>');