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

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

如果代码是从您的实际文件拷贝粘贴，你有一个小错误：

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

UPDATE

刚刚检查过你的小提琴，val()只适用于表单元素。尝试使用html()作为其他标签。

Here's my example on fiddle.

Answer 3

看来你缺少你的jQuery一些单引号。

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

这应该解决它。

Answer 4

你的小提琴与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中的元素使用.html()标签，而不是.val()

Here's a working fiddle