把光標輸入搜索字段結束

Question

我有一個特定的Java搜索表單一下就把光標搜索表單的開頭展示在下面的代碼

<form name="myform"> 
<div class="well form-search"> 
<input type="text" class="input-large" name="query" id="suggest" autocomplete="off" 
value="&nbsp;<?=isset($_GET['query'])? htmlentities($_GET['query']):''?>"> 
<input type="submit" class="btn btn-primary" id="send" name="send" value="Submit"> 
<button type="reset" class="btn " accesskey="r" value="Reset">Reset</button> 
</div> 
</form> 
<script type="text/javascript" language="JavaScript"> 
document.forms['myform'].elements['query'].focus(); 
</script> 

如何把光標移到文本輸入值的結尾？

我已經嘗試過

<script type="text/javascript" language="JavaScript"> 
document.forms['myform'].elements['query'].focus().input.setSelectionRange(1000,1000); 
</script> 

我猜的東西是錯誤與我的語法，謝謝你的提示！

Answer 1

您似乎試圖鏈接方法。這是jQuery的一個突出特性，但在vanilla JavaScript中，DOM方法之外沒有太多的鏈接。

你想要的東西，如：

var elm = document.forms['myform'].elements['query']; 
elm.focus(); 
elm.setSelectionRange(elm.value.length,elm.value.length);