jquery如何获取选择的文本

收藏代码,,ie ff都好用,,其他的嘿嘿没试过

    get: function (textarea) {

        var rangeData = {text: "", start: 0, end: 0 };

        if (textareasetSelectionRange) { // W3C   

            textareafocus();

            rangeDatastart= textareaselectionStart;

            rangeDataend = textareaselectionEnd;

            rangeDatatext = (rangeDatastart != rangeDataend)  textareavaluesubstring(rangeDatastart, rangeDataend): "";

        } else if (documentselection) { // IE

            textareafocus();

            var i,

                oS = documentselectioncreateRange(),

                oR = documentbodycreateTextRange();

            oRmoveToElementText(textarea);

            rangeDatatext = oStext;

            rangeDatabookmark = oSgetBookmark();

            for (i = 0; oRcompareEndPoints('StartToStart', oS) < 0 && oSmoveStart("character", -1) !== 0; i ++) {

                if (textareavaluecharAt(i) == '\r' ) {

                    i ++;

                }

            }

            rangeDatastart = i;

            rangeDataend = rangeDatatextlength + rangeDatastart;

        }

        return rangeData;

    },

    set: function (textarea, rangeData) {

        var oR, start, end;

        if(!rangeData) {

            alert("You must get cursor position first")

        }

        textareafocus();

        if (textareasetSelectionRange) { // W3C

            textareasetSelectionRange(rangeDatastart, rangeDataend);

        } else if (textareacreateTextRange) { // IE

            oR = textareacreateTextRange();

            if(textareavaluelength === rangeDatastart) {

                oRcollapse(false);

                oRselect();

            } else {

                oRmoveToBookmark(rangeDatabookmark);

                oRselect();

            }

        }

    },

    add: function (textarea, rangeData, text) {

        var oValue, nValue, oR, sR, nStart, nEnd, st;

        thisset(textarea, rangeData);

        if (textareasetSelectionRange) { // W3C

            oValue = textareavalue;

            nValue = oValuesubstring(0, rangeDatastart) + text + oValuesubstring(rangeDataend);

            nStart = nEnd = rangeDatastart + textlength;

            st = textareascrollTop;

            textareavalue = nValue;

            if(textareascrollTop != st) {

                textareascrollTop = st;

            }

            textareasetSelectionRange(nStart, nEnd);

        } else if (textareacreateTextRange) { // IE

            sR = documentselectioncreateRange();

            sRtext = text;

            sRsetEndPoint('StartToEnd', sR);

            sRselect();

        }

    }

}

$('#id')mouseup(function () {

    var pos = cursorPositionget($(this)[0]);

    alert(!postext'':postext);

});

<input id='myinputid' class='myinputclass' type='text' value='123'/>

var value = $('#myinputid')val();

var value = $('myinputclass')val();

上面两种方法随你选择，第一个是通过id（绝对唯一），第二个是通过类（不一定唯一，因为一个页面class可以重复出现，只有一个的情况下，这种方法可以用），总是，jquery需要一个充当筛选器的参数筛选你需要的dom，上面的用法和 input 什么的没有关系，是通用的取法，

要选择页面的input type=text的话用：

var objects = $('input[type="text"]')

这个返回的是一个数组，包含页面的所有的输入文本框，并不能取到某一个值

$("#id")val() 根据id取值

$("input")val() 如果只有一个input可以这么取

$(":text")val() 如果只有一个text可以这么取

这个问题包含两个方面：

1、jquery选择器（即针对你指定的那个input元素）

2、获取内容（即获得输入的值），所以综合起来有如下代码可以实现

具体 *** 作如下：

1、创建一个文本框和一个触发获取文本框输入内容的按钮

2、简单设置一下css样式

3、添加jquery代码

扩展资料

js获取文本框值

1通过getElementById() 方法获得，必须为文本框设定ID值，该方法获得的是一个对象的应用(返回值为:Object)，要获得文本框的值需添加属性值--value,如:

<input type="text" size="10" id="port11" name="port11" />

获值代码：documentgetElementById("port11")value;

2、要获得标签<h1>中间的值，方法如下：

<h1 id="you">12345</h1>

documentgetElementById("you")innerHTML;

返回值为：12345

3、如果是表单(<form>)中的文本框，还可以通过以下方式获得值:

<form name="form1" method="post" action="managerdoaction=login">

<tr><td >会员编号：</td>

<td ><input name="memberNo" type="text" id="memberNo" size="21" ></td>

<td ><input name="Submit" type="submit" value="确定" onClick="return check(form1)"

</tr>

</form>

js中的代码：function check(form){var str = formmemberNovalue;}

百度百科-jQuery

<textarea id="txtarea"></textarea>

<button id="btn">点击获取文本域的值</button>

$(function(){

  $("#btn")on('click',function(){

    consolelog($("#txtarea")val())

  })

})

引入的jQuery的路径要正确

jquery提供了三个获得内容的方法有 text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text(); // 首选。

获取label的文本$("label#userid")html(); // 也可以实现。

获取label标签内的所有html标记，一般情况改下labe。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口，具有高效灵活的css选择器，并且可对CSS选择器进行扩展，拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现

$("input#test")val(); // 推荐这种方式，因为id是唯一的

$("input[name='test']")val(); // 此时需要注意是否有同名的input元素

$("input:text")val(); // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

创建一个文本框和一个触发获取文本框输入内容的按钮

<input id="test" name="test" type="text"/><br>

<input type="button" value="显示文本框输入内容">

简单设置一下css样式

input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}

添加jquery代码

$(function(){

$("input:button")click(function() {

alert($("input#test")val());

});

})

<html>

<script language="javascript" src="jquery-141minjs"></script>

<script language="javascript">

    $(function(){

        $("#main_1 inputsubmit")click(function(){

            var _d1=$("#main_1 selectdate")val(),

                _t1=$("#main_1 inputtime")val();

            alert(_d1+"\n"+_t1)

        })

        $("#main_2 inputsubmit")click(function(){

            var _d2=$("#main_2 selectdate")val(),

                _t2=$("#main_2 inputtime")val();

            alert(_d2+"\n"+_t2)

        })

    })

</script>

<div id="main_1">

第一时间：

<select class='date'>

<option value='1'>第一天</option>

<option value='2'>第二天</option>

<option value='3'>第三天</option>

<option value='4'>第四天</option>

<option value='5'>第五天</option>

</select>

<input type="text" name="time" class='time'>

<input type="submit" class='submit' value="提交" >

</div>

<div id="main_2">

第二时间：

<select class='date'>

<option value='1'>第一天</option>

<option value='2'>第二天</option>

<option value='3'>第三天</option>

<option value='4'>第四天</option>

<option value='5'>第五天</option>

</select>

<input type="text" name="time" class='time'>

<input type="submit" class='submit' value="提交">

</div>

</html>

应该是你所要的，试试看吧，亲！

以上就是关于jquery如何获取选择的文本全部的内容，包括:jquery如何获取选择的文本、如何用jquery获得input type=text标签中value的值、如何用jquery获取<input id="test" name="test" type="text"/>中输入的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！