单击编辑按钮时的文本框显示

单击编辑按钮时，我必须显示文本框和列表框。请给出建议如何做到这一点。单击编辑按钮时的文本框显示

HTML：

<div class="textboxes"> 
<ul> 
    <li><input type="text" id="txt" /></li> 
    <li><input type="text" id="txt" /></li> 
    <li><input type="text" id="txt" /></li> 
</ul> 
</div> 

<input type="button" value="Edit" id="editBut" />

的Javascript：

$("input[type='text']").blur(function(){ 
    $(this).hide().after('<span class="dfk">' + $(this).val() + '</span>'); 
});

这里JS提琴：http://jsfiddle.net/thilakar/yvNuC/11/

感谢

来源

2011-10-03 Mr.T.K

由于代码并不大，可以请你把它放到你的问题，为今后的路人？ –

你是什么意思在点击时显示它们？他们已经被显示。你想让它们默认隐藏，然后点击显示吗？另外，HTML文档中的每个项目只能有一个ID，所有三个列表项目都具有相同的ID。你的问题需要更具体，如果我能弄清楚你要问什么，我肯定我可以回答。 –

试试这个

$("#editBut").click(function() { 
$('.textboxes span').hide(); 
$('.textboxes input[type=text]').show();

}）;

入住这DEMO

来源

2011-10-03 08:03:26

这里是：http://jsfiddle.net/yvNuC/14/

$("#editBut").click(function() { 
     if ($('.textboxes').is(':visible')) { 
     $('.textboxes').hide(); 
     // do save info 
     $(this).val('Edit'); 
    } 
    else { 
     $('.textboxes').show(); 
     $(this).val('Save'); 
    }   
});

或者，如果你需要在保存后显示的值：http://jsfiddle.net/yvNuC/16/

来源

2011-10-03 07:35:12 Samich

单击编辑按钮时的文本框显示

回答

相关问题