文本區+啓用hightlighting和選擇

Question

我已經得到了上面的文字區域的jQuery KEYUP，AJAX，PHP和MySQL正在填充。 我現在需要能夠在鼠標懸停的行被突出顯示時允許鼠標懸停，鼠標光標：指針，並且能夠選擇一個，並使其出現在上面的輸入中。

我不知道如何開始這部分。 有人能給我一個正確的方向推？

三江源

Answer 1

這是更好，更容易的文本的每一行轉換是textarea到一個列表，並轉換爲文本框，列表項：

var text = $('#text').html().split('\n'); 
var list = $('<ul></ul>'); 
$.each(text, function(k, v) { 
    if (v != '') { 
     $('<li>' + '<input type="text" id="' + k + '" value="' + v + '" />').appendTo(list); 
    } 
}); 
$('#text').replaceWith(list); 

看到this例子。

則：

列表元素上註冊了mousemove()的事件處理程序，並使用target獲得懸停的項目：

$('#listElement').mousemove(function(e) { 
    $('#textBoxElement).val($(e.target).val()); 
}); 

看到this演示。

終於把它們together。