2014-04-06 89 views
0

我想創建一個鏈接,如果用戶按下編輯鏈接,文本將變成一個文本框,信息仍然在用戶輸入什麼?我有以下代碼: (當我按下編輯按鈕'文本這裏'應該變成一個文本框,但它不會有人可以幫助通知我的代碼出錯了:)幫助將不勝感激。文本到文本框時onclick

<html> 
<head> 
<title>Span to Text Box - Demo</title> 
<style type="text/css"> 
.replace { 
    display:none; 
} 
</style> 
<script type="text/javascript"> 
    function exchange(id){ 
    var ie=document.all&&!window.opera? document.all : 0 
    var frmObj=ie? ie[id] : document.getElementById(id) 
    var toObj=ie? ie[id+'b'] : document.getElementById(id+'b') 
    toObj.style.width=frmObj.offsetWidth+7+'px' 
    frmObj.style.display='none'; 
    toObj.style.display='inline'; 
    toObj.value=frmObj.innerHTML 
    } 
</script> 
</head> 
<body> 
<p class="edit" onclick="exchange(item)">Edit</p><Input id="item" class="replace" type="text" value=""> 
<span id="item" >Text here</span> 
</body> 
</html> 

回答

1

你分配一個ID兩個標籤,從您的代碼,我假設輸入標籤的ID應該是itemb

+0

如果我重新命名輸入它應該能夠工作,因爲我只是想讓它在用戶按下編輯時在'Text Here'中的文本改變爲'Text Here'的文本框,以便他們可以編輯? – Danielle

+0

不能明白你的觀點,你能更明確嗎? – richard

+0

在我的網站上,我已經從數據庫中發送了文本以顯示在帖子中,以便用戶在那裏發佈編輯信息,其中有一個編輯按鈕,在這個編輯按鈕中,一旦他們選擇文本就會變成文本框,所以文本到他們可以在其中修改文本的文本框,一旦他們進行了更改,將會有一個更新按鈕,它將更新那些剛剛輸入到數據庫中的文本。 – Danielle

0

<input><span>具有相同的id