jquery獲得輸入選定文本的ID

Question

我有幾個input字段（有時被禁用）。當用戶點擊一個按鈕時，我怎樣才能得到input字段的id，其中文字選中了呢？

Text:<input type="text" id="myID" disabled="disabled" value="Hello World"/> 
<input type="text" id="myID2" value="Hello again"/> 
<input type="button" id="myButton" value="Get Selected Id" name="Get Selected Id"/> 

$("#myButton").click(function(){ 
    alert(/*...how do I get 'myID' or 'myID2' here, depending on which has a selection?...*/); 
}); 

通過 「選擇」 我的意思是這樣的：

這裏的fiddle

不幸的是，我需要支持不只是現代的瀏覽器，而且IE7和IE8。

Answer 1

不知道你想達到什麼。

在IE瀏覽器，你可以成功地做到這一點：

var id = document.selection.createRange().parentElement().id 

像這樣：

$("#myButton").on("click", function() { 
    var node = document.selection.createRange().parentElement(); 
    if (node && node.id) { 
    window.console && console.log("node_ " + node.id) 
    } 
}); 

在Chrome中這似乎是棘手。

我有一個解決方案，您可能可以使用。這將打破，如果有具有相同值的多個字段

FIDDLE

$(document).on("mouseup", "input", function() { 
    var node = document.selection ? document.selection.createRange().parentElement() : window.getSelection().focusNode.parentNode; 
    if (!node.id) { 
     var sel = window.getSelection().toString(); 
     $("input").each(function() { 
      if (this.value.indexOf(sel) != -1) { 
       node = this; 
       return false; 
      } 
     }); 
    } 
    window.console && console.log("node:" + node.id) 
});