2012-10-30 48 views
1

我正在尝试使用链接来清除文本输入字段。我隐藏并显示备忘录字段,如果用户在字段中放置文本并单击“删除备忘录”链接,我希望文本字段在点击时清除。使用链接点击清除输入字段Javascript

<html> 
    <head> 
    <script language="JavaScript"> 
function toggle(id) { 
    var state = document.getElementById(id).style.display; 
     if (state == 'block') { 
      document.getElementById(id).style.display = 'none'; 
     } else { 
      document.getElementById(id).style.display = 'block'; 
     } 
    } 

    oldTextAry = new Array(); 

    function changeText (fieldObj, newTexStr) { 
    if (newTexStr == fieldObj.innerHTML) { 
    fieldObj.innerHTML = oldTextAry[fieldObj.id]; 
    } else { 
    oldTextAry[fieldObj.id] = fieldObj.innerHTML; 
    fieldObj.innerHTML = newTexStr; 
    } 
    } 

    </script> 
    <style type="text/css"> 
    <!-- 
    #hidden1 {display: none;} 
    --> 
    </style> 
    </head> 
    <body> 


    <a href="###" onclick="toggle('hidden1'); changeText(this,'Remove Memo');" class="memo" >Add Memo</a> 
    </div> 

    <div id="hidden1"><div class="memo">Memo: <input type="text" id="ctlWorkflow_ctlMemo381" size="45" maxlength="32" name="ctlWorkflow:ctlMemo381"></div>  </div>      

    </body> 
    </html> 

我被卡住了,无法清除字段。

+0

你在哪里引用的输入元素文本复位?你知道标签元素和占位符属性吗?你可能想研究它们。 – epascarello

回答

2

在点击委托中使用下面的代码。对不起,错误的答案。

document.getElementById("ctlWorkflow_ctlMemo381").value = ''; 

干杯

+0

fieldObj是div,而不是输入 – epascarello

+0

Oooooops!我的错!!对不起,我要更新答案。请等一下。 – Rikki

+0

谢谢。这工作。现在,如果我有多个领域,我该如何做到这一点,以便它能适用于任何领域?如果最后一部分“381”随着更多页面添加到页面而发生变化,我该如何引用id? document.getElementById(“ctlWorkflow_ctlMemo381”)。value =''; –