單擊編輯按鈕時的文本框顯示

單擊編輯按鈕時，我必須顯示文本框和列表框。請給出建議如何做到這一點。單擊編輯按鈕時的文本框顯示

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

單擊編輯按鈕時的文本框顯示

回答

相關問題