JSP中如何获取select标签选中的值

JSP中如何获取select标签选中的值,第1张

今天写代码遇到一个问题,在jsp页面中通过form的得到的select标签的值,form提交给自身页面,然后通过requestgetParameter()方法取得值测试代码如下(文件名为:testselectjsp): My JSP 'testselectjsp' starting page 通过requestgetParameter("number")方法取得下拉框选取的值 运行界面:

(1) documentgetElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。

如今,已经出现了如prototype、Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点的id。这个方法可以看作是documentgetElementById()的另外一种写法,不过$()的功能更为强大,具体用法可以参考它们各自的API文档。

(2)documentgetElementsByName(elementName):该方法是通过节点的name获取节点,从名字可以看出,这个方法返回的不是一个节点元素,而是具有同样名称的节点数组。然后,我们可以通过要获取节点的某个属性来循环判断是否为需要的节点。

例如:在HTML中checkbox和radio都是通过相同的name属性值,来标识一个组内的元素。如果我们现在要获取被选中的元素,首先获取该组元素,然后循环判断是节点的checked属性值是否为true即可。

(3)documentgetElementsByTagName(tagName):该方法是通过节点的Tag获取节点,同样该方法也是返回一个数组,例如:documentgetElementsByTagName('A')将会返回页面上所有超链接节点。在获取节点之前,一般都是知道节点的类型的,所以使用该方法比较简单。但是缺点也是显而易见,那就是返回的数组可能十分庞大,这样就会浪费很多时间。那么,这个方法是不是就没有用处了呢?当然不是,这个方法和上面的两个不同,它不是document节点的专有方法,还可以应用其他的节点,下面将会提到。

(1)parentObjfirstChild:如果节点为已知节点(parentObj)的第一个子节点就可以使用这个方法。这个属性是可以递归使用的,也就是支持parentObjfirstChildfirstChildfirstChild的形式,如此就可以获得更深层次的节点。

(2)parentObjlastChild:很显然,这个属性是获取已知节点(parentObj)的最后一个子节点。与firstChild一样,它也可以递归使用。

在使用中,如果我们把二者结合起来,那么将会达到更加令人兴奋的效果,即:parentObjfirstChildlastChildlastChild

(3)parentObjchildNodes:获取已知节点的子节点数组,然后可以通过循环或者索引找到需要的节点。

注意:经测试发现,在IE7上获取的是直接子节点的数组,而在Firefox20011上获取的是所有子节点即包括子节点的子节点。

(4)parentObjchildren:获取已知节点的直接子节点数组。

注意:经测试,在IE7上,和childNodes效果一样,而Firefox20011不支持。这也是为什么我要使用和其他方法不同样式的原因。因此不建议使用。

(5)parentObjgetElementsByTagName(tagName):使用方法不再赘述,它返回已知节点的所有子节点中类型为指定值的子节点数组。例如:parentObjgetElementsByTagName('A')返回已知的子节点中的所有超链接。

(1)neighbourNodepreviousSibling:获取已知节点(neighbourNode)的前一个节点,这个属性和前面的firstChild、lastChild一样都似乎可以递归使用的。

(2)neighbourNodenextSibling:获取已知节点(neighbourNode)的下一个节点,同样支持递归。

(1)childNodeparentNode:获取已知节点的父节点。

上面提到的方法,只是一些基本的方法,如果使用了Prototype等JavaScript库,可能还获得其他不同的方法,例如通过节点的class获取等等。不过,如果能够灵活运用上面的各种方法,相信应该可以应付大部分的程序。

最近遇到这个问题,楼上没有给出答案,为了以后百度方便,回答一下。看了JQuery,里边想要获取html内容需要提供标签或id或class,并不能解决该问题。

if (windowgetSelection) { //现代浏览器

userSelection = windowgetSelection();

var range = userSelectiongetRangeAt(0);

var rangeText = rangetoString();//选中文本

var div = documentcreateElement('div');

divappendChild(rangecloneContents);

alert(divinnerHTML);

var rangeHtmlText = divinnerHTML;//选中内容,包含标签

//如果想获取里边的标签,可以通过

//var aArr = divgetElementsByTagName('a');

//for(var i=0; i<aArrlength; i++){ var aObj = aArr[i];}

} else if (documentselection) { //IE浏览器 考虑到Opera,应该放在后面

userSelection = documentselectioncreateRange();

var text = userSelectiontext;//获得文本

var htmlText = userSelectionhtmlText;//获得包含标签的内容

}

上面两种方法应该够用了

然后用

js判断添加多个标签js怎么样获取多个标签内容-百度经验

1、创建一个testhtml文件。

2、在文件内,使用ul、li标签创建一个测试的列表,同时创建一个button按钮,用于触发执行js函数。

3、在js标签内,

百度经验2020-01-12

其他人还搜了

js标签中点击事件失效

js 判断回车键

js判断是否是chrome

js判断数组中是否包含某一项

js添加标签绑定多个事件

js判断对象是否为空

js if判断多个条件_JS条件判断小技巧(一)weixin_39540271的博客-CSDN博客

文章标签:js if判断多个条件 js map用法 js table多层嵌套 js 数组追加 js三元表达式 经常code review,我发现JS newbie很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”,看看

CSDN技术社区2020-12-03

js 动态添加标签绑定多个事件-鸡蛋是方的-博客园

1:此方法为以aa开头的input标签绑定了事件;2:此方法:绑定多个事件,多个事件用空格分开,例子绑定了点击和输入时事件;3:如果调用第三方插件方法

博客园2020-04-09

请问怎么用js判断循环里面li标签?百度知道

回答:2

代码: menu{width:100%;text-align:center;} menu li{display:inline-block;background:#ccc;padding:15px 20px;} current{color:#f3c;} a href="#">menu</a></li> menu1 menu2 menu3 var lilenght=$("menu li")length;获取li个数 consolelog(lilenght) if

百度知道2020-11-20

js多重判断多个条件的方法-web教程网

我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,

web教程网

js 怎么获取a标签被点击的链接,有多个a标签-ZOL问答

5条回答:推荐答案添加onclick事件,获取href属性就知道具体的url地址了!DOCTYPEhtmlhtmlbodyscriptfunctionaclick(self){alert(selfhref);}/scriptahref=ddd

中关村在线

JS添加标签-程序员大本营

我开始使用的是appendChild函数,结果发现appendChild只能添加指定标签,像我这样需要加一大堆标签和标签属性 *** 作起来就略显麻烦。于是我转而使用append函数,最开始我是这样写的:结果效果如下

>

=== select的值 ===

$('table select')val();

=== checkbox的值,因为可能选中多个值,在这我把结果放到一个array里 ===

var values = new Array();

$('input[name=check]:checked')each( function(){

valuespush($(this)val());

});

如果都选中输出values的结果是["爱好", "打篮球"]

jsp 页面根据判断checkbox是否被选中方法如下:

在html 如果一个复选框被选中 是 checked="checked",利用jquery来判断:

if($("#id")attr("checked")==true){

//动态创建input

var input = documentcreateElement("input");

inputclassName = "input";

inputtype = "text";

spanappendChild(input);

}

以上就是关于JSP中如何获取select标签选中的值全部的内容,包括:JSP中如何获取select标签选中的值、DOM获取标签的方法、js 获取选中内容中含有的html标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9746868.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存