如何通过JQuery
从列表元素中选择文本。我想要.select()
中与javascript
相同的功能,但这仅适用于可编辑的文本区域/输入框,有人可以指导我,与列表元素具有相同的功能
我希望在.click()
上选择列表文字。
答案 0 :(得分:1)
试试这个:http://jsfiddle.net/bigneo/w0y5yrcr/1/
<强> HTML 强>
<ul id="ulmonth">
<li>Jan</li>
<li>Feb</li>
<li>Mar</li>
<li>Apr</li>
<li>May</li>
<li>Jun</li>
<li>Jul</li>
<li>Aug</li>
<li>Sep</li>
<li>Oct</li>
<li>Nov</li>
<li>Dec</li>
</ul>
<强> JS 强>
$.fn.OneClickSelect = function(){
return $(this).on('click',function(){
var range, selection;
if (window.getSelection) {
selection = window.getSelection();
range = document.createRange();
range.selectNode(this);
selection.removeAllRanges();
selection.addRange(range);
}
else if (document.body.createTextRange) {
range = document.body.createTextRange();
range.moveToElementText(this);
range.select();
}
});
};
// Apply to these elements
$('li, #all-select').OneClickSelect();
我想我在这篇文章中找到了你的答案: https://codereview.stackexchange.com/questions/38089/select-text-with-just-one-click
答案 1 :(得分:0)
<强> HTML 强>
<ul id="ulmonth">
<li>Jan</li>
<li>Feb</li>
<li>Mar</li>
<li>Apr</li>
<li>May</li>
<li>Jun</li>
<li>Jul</li>
<li>Aug</li>
<li>Sep</li>
<li>Oct</li>
<li>Nov</li>
<li>Dec</li>
</ul>
<label id="lblTest"></label>
<强> JQUERY 强>
$(function(){
$("#ulmonth li").css("cursor","pointer");
$("#ulmonth li").click(function(){
var txt = $(this).text()
$("#lblTest").text(txt);
})
})