사용자가 입력란에 입력 한 내용을 수정하여 제출 하시겠습니까?

Question

나는 www가없는 입력 상자에 사용자가 입력 한 내용을 반환하는 스크립트를 사용하고 있습니다.

입력 상자 자체에서 수정이 필요합니다. 이것이 가능한가?

예를 들어 사용자는 www.example.com을 입력하고 GO www를 누릅니다. 입력 한 내용이 사라지고 텍스트가 강조 표시 (선택)됩니다.

<input type="text" id="url" /> 
<input type="button" id="submit" value="Go!" /> 

<div id="output"></div> 

<script> 
$("#submit").click(
    function() { 
     var url = $("#url").val(); 

     if(url.match(/^www\./)) 
     { 
      url = url.substring(4); 
     } 

     $("#output").html(url); 
    } 
); 
</script> 

Answer 1

예, $("#url").val(url);

http://jsfiddle.net/hk5zx/

업데이트 : 그는 너무 선택한 텍스트를 원한다!

Answer 2

$("#submit").click(
    function() { 
     var url = $("#url"), 
      val = url.val(); 

     if(val.match(/^www\./)) 
     { 
      val = val.substring(4); 
      url.val(val); 
     } 

     $("#output").html(val); 
    } 
); 

Answer 3

예

http://jsfiddle.net/hk5zx/1/

$("#url").val(url).focus().select(); 

는 $("#url").attr("value", url);와 jQuery를 통해 값을 설정합니다.