用jquery清除文本框中文本的一部分？

我有具有以下值的文本框：用jquery清除文本框中文本的一部分？

The person 'enter name here' has finished.

我想如果用戶''文本enter name here明確之間的每一個地方點擊。如何做到這一點？

<input type="text" id="txt"/>

編輯：我可能在一個文本框中有兩個或兩個以上的地方。這樣的：

The person 'enter name here','enter family here' has finished.

來源

2013-04-13 Hamid Reza

我誤解的方式你的問題，對不起。 –

-1

你可以做一個假的文本框：

<div class="textbox"> 
    <div class="before">The person</div> 
    <input type="text" id="txt" placeholder="enter name here" size="11" /> 
    <div class="after">has finished.</div> 
</div>

然後（粗製濫造）樣式它看起來像一個真正的一個：

.textbox { 
    display: inline-block; 
    border: 1px solid #AAA; 
    margin: 3px; 
    padding: 2px; 
} 

input, div.before, div.after { 
    display: inline-block; 

    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
}

演示：http://jsfiddle.net/3HEQj/

我個人會不爲此使用文本框。如果您不關心輔助功能，那麼您可以製作一個彈出式文本框，當用戶點擊文本時會彈出，然後再離開。

來源

2013-04-13 09:45:10 Blender

我想在文本框中找到'輸入名稱'文本並選擇它並刪除它，但我不知道如何？ –

如果我理解正確的問題，我可以使用jQuery像這樣

<div> 
    The Person <input type="text" value="'Enter Name Here'" /> has finished 
</div> 

<script type="text/javascript"> 
    $('input').focus(function() { 
     $(this).val(""); 
    }); 

    $('input').blur(function() { 
     if ($(this).val() == "") { 
      $(this).val("'Enter Name Here'"); 
     } 
    }); 
</script>

http://jsfiddle.net/bExSy/

可以樣式的文本框中任何你想它看起來與文本

來源

2013-04-13 11:15:16 skukx

用jquery清除文本框中文本的一部分？

回答

相關問題