Question

单击更新按钮时，应使用输入字段值更新表td值。这是fiddle

$(function() {
    $('#update').click(function(){
       var txt = $(#name).val();
       $('tname').val(txt);                   
});

名称：我的名字

<div class="col2-content" id="info">
    <div class="para">
        <ol>
            <li>
                 <label for="name">name:</label>
                  <input id="name" name="name" type="text" onclick="return false;">
             </li>
         </ol>
         <div class="update">
            <button id="update" type="submit">update</button>
         </div>
      </div>
</div>

Answer 1

使用html()设置或获取td值，使用val()获取或设置input值。\

$('#tname').html($('#name').val());
//html('somevalue') sets td's value and html() fetches it's value
//val('somevalue') sets input's value and val() fetches it's value

http://fiddle.jshell.net/PWYhD/6/

Answer 2

你的小提琴充满了JS错误和错误的方法调用，这就是为什么它不起作用。您应该始终可以看到JS控制台，因为它会在编码中显示错误。

无论如何，我把它清理干净了

$(function() {
      $('#edit').click(function() {
           $('#info').show();
       });
        $('#update').click(function(){
           $('#tname'). html($('#name').val());
           $('#avatar').html($('#gmae-id').val());
           $('#temail').html($('#phone').val());
    });

});

更改内部元素时，请使用.html()标记，而不是.val()

Here's a working fiddle

Answer 3

如果该代码是从实际文件中复制粘贴的，则会出现一个小错误：

   var val = $('#name').val();// use quotes around selector
   $('#tname'). val($('#name').attr('value'));// you forgot the hash

<强>更新

刚检查过您的小提琴，val()仅适用于表单元素。尝试将html()用于其他标记。

Here's my example on fiddle.

Answer 4

您的jQuery中似乎缺少一些单引号。

$(function() {
    $('#update').click(function(){
       var val = $('#name').val();
       $('tname').val($('#name').attr('value'));                   
});

那应该解决它。

如何使用输入字段值更新表td值？

4 个答案: