<input>要素にテキストを追加しますが、削除しないでください

私は<input> html要素を持っています。要素はデフォルト値で埋められます。ユーザーはデフォルトのテキストの最後に新しいテキストを追加できなければなりませんが、デフォルト値は削除できませんでした。この問題をどうやって解決できますか？<input>要素にテキストを追加しますが、削除しないでください

<script type="text/javascript"> 
    function MyFunction() { 

     document.getElementById('TextBox3').value = document.getElementById('defaultValue').value; 

     //if asp:textbox control should be work below 
     document.getElementById('<%=TextBox4.ClientID%>').value = document.getElementById('defaultValue').value; 

    } 

</script> 
    } 


<body onLoad="javascript:MyFunction();"> 
<input type="hidden" id="defaultValue" name="defaultValue" value="defaultValue"/> 
<input type="text" id="TextBox3" /> 
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox> 
</body>

出典

2012-03-07 Martynas

私は、デフォルトのテキストをテキストとして表示しています。これは「」です。入力を任意にします。 ''フィールドに直接接続されるように、CSSを使用してテキストに対応することができます。 – Jona

確かに最高の解決策になりますか？それ以外の場合は、pressUpをチェックして、入力文字列に「デフォルト値」が含まれているかどうかを確認し、内容を「デフォルト値」に置き換えないかどうかを確認する必要があります。 –

あなたはJavaScriptでこれを行うことができます：私はここにjsFiddleを設定している

listen('load', window, init); 

function init() { 
    var test = document.getElementById('test'); 
    var val = test.value; 
    listen('keydown', test, replaceVal); 
    listen('keyup', test, replaceVal); 
    function replaceVal() { 
    tempVal = test.value; 
    if (tempVal.indexOf(val) === -1) { 
     tempVal = val; 
     test.value = val; 
    } 
    } 
} 

function listen(event, elem, func) { 
    if (elem.addEventListener) { 
    elem.addEventListener(event, func, false); 
    } else if (elem.attachEvent) { 
    elem.attachEvent('on' + event, func); 
    } 
}

：http://jsfiddle.net/sjfwz/

出典

2012-03-07 14:25:36

それは働いています。おかげで – Martynas

ようこそ！ –