js获取<s:select>正在显示的值

最新推荐文章于 2020-03-19 18:03:46 发布
最新推荐文章于 2020-03-19 18:03:46 发布
阅读量1k 收藏 1
点赞数
分类专栏： jQuery 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IT_xiaocao/article/details/50476748
版权

Html代码：

<tr>

     <td >接口名称：</td>

     <td ><s:select  name="zyid" list="#session.data" id="zyid" listKey="zyid"

最低0.47元/天 解锁文章
IT_小草
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsp 开发之struts2中s:select标签的使用
01-20
总结来说，`s:select`标签在Struts2中用于构建HTML `<select>`元素，通过`list`属性传递选项数据，`listKey`和`listValue`分别指定选项的键和显示值。`headerKey`和`headerValue`用于创建默认的头部选项，`value`...
js 获取当前select元素值的代码
10-29
本文将详细讲解如何使用JavaScript获取`<select>`元素的值以及其相关的属性和方法。 首先，`<select>`元素的`value`属性可以用来获取或设置选中项的值。如果你需要获取选中项的`value`值，可以直接通过`select....
关于在客户端获取页面中<s:select>的数据
asqiao的专栏
12-01 122
前几天写代码的时候,写了个struts标签的select菜单, [code="html"] [/code] 发现在本地选中选项后一直无法的方法获取值. 后来才知道代码没上到服务器端时是不会显示出来的.结果要用js才可以获取,即 document.getElementById('chkone');...
<s:select>标签里面值保存在js当中注意点
funi16的专栏
10-09 3469
在struts2的select标签里面如下：     listKey="tid" listValue="detial" name="bookTimeStartId" value="tid" /> 这实际上在浏览器中显示时为：     00:00     00:30     01:00     01:30 比如说这样的值，在用js获取时，写成 document.getEl
关于s:select 取值使用
晨曦天下
09-25 3406
比喻在一个Bean中有若干个set,get ，还包含一个list 的get,set,这时要用list的中的项做为选择条件 list="OrgForm.TemplateTypeList" 为bean中的list名 name="OrgForm.Sp_synchro_id"  为b
动态设置select默认显示值
Tzxcvbnm的博客
03-19 2334
<select id="input_select" type="number" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option v...
list、listkey、listValue属性
conkeyn的专栏
02-22 371
      list、listKey、listValue属性对radio、ombobox、select、checklist、doubleselect等标答来说非常重要，因为它们可以帮助程序员有更效率地管理和获取这些标签的选项。      注意：在select元素里，value属性是可选的。如果没有给出这个属性，在某个选项被选中时，该选项的行标将作为select元素的值 被发送到服务器。从理论...
jsp从数据库获取数据填充下拉框实现二级联动菜单的方法
01-20
这里的`<s:select>`标签是Struts2框架提供的，用于生成HTML select元素。`list`属性指定的是后台传入的列表数据，`onchange`事件触发时会调用`getTsFromDescribe`函数，实现二级菜单的动态加载。 在后台，我们通常...
js获取select标签的值且兼容IE与firefox
12-10
 <s test=’jobSelect xss=removed> <option selected=”selected” value=”-1″>–依职类筛选–</option> </s> <s> <option value=”-1″>–依职类筛选–</option> </s> <s:iterator value=”jobCat”
javascript获取select标签选中的值
01-19
复制代码 代码如下:var obj = document.getElementById(“testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text;...$(‘#testSelect option:s
<s:select>应用简介
XiaoXiao_RenHe的专栏
02-26 996
<s:select>标签的简单使用，涉及到jsp与action的传值、js获取页面变量的值。
js中使用s（c）标签
热门推荐
javaloveiphone的专栏
09-01 1万+
在js或者jquery中使用s标签，其实并不难理解，s标签也只是一个标签而已，当你想象成js+s标签=js+html标签就理解了 例如： var  username = ''; var password = ''; var sex = "";    sex= ;   通过上面的方式，就可以在js中通过s标签直接获得后台数据，不用通过html标签元素中转或者通过ajax了，
select下拉框之获取显示值问题
飞火龙在天的博客
03-16 1567
在js里：      var stcd = $("#stationId").val(); var stnm = $("#stationId").find("option:selected").text(); jsp代码： 测点名称： 页面效果：
js获取select显示值
z294286540的专栏
06-25 1万+
请选择 第一 第二 第三 第四 若要获取显示值第一 第二 第三之类的 var selectIndex = document.getElementById("type").selectedIndex;//获得是第几个被选中了 var selectText = document.getElementById("type").options[selec
获取<s:select>的listValue
wangql521的专栏
06-06 973
在开发中我们常用到struts2的form表单组件，其中select最常用的写法如下：      onchange="changeHidenValue(this)">      当提交表单时，只能在后台获得listKey的值，而无法提交listValue的值。      现有需求同时提交listKey和listValue，解决方法如下：      1、在select的onchange事件
获得<S：select>中的listValue
Snail___的专栏
06-19 4483
获取的listValue  在开发中我们常用到struts2的form表单组件，其中select最常用的写法如下：           当提交表单时，只能在后台获得listKey的值，而无法提交listValue的值。     现有需求同时提交listKey和listValue，解决方法如下：     1、在select的onchange事件函数中，获得opt
<?xml version="1.0" encoding="ISO-8859-1"?> <bookstore> <book category="children"> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book> <book category="cooking"> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price> </book> <book category="web"> <author>Erik T. Ray</author> <year>2003</year> <price>39.95</price> </book> <book category="web"> <author>James McGovern</author> <author>Per Bothner</author> <author>Kurt Cagle</author> <author>James Linn</author> <author>Vaidyanathan Nagarajan</author> <year>2003</year> <price>49.99</price> </book> </bookstore> 按照上述xml文件，使用html和javascript读取.xml文件的节点内容，以表格方式对内容进行显示，通过下拉单进行交互式书目内容选取，仅显示选中的书目信息
最新发布
05-24
以下是一个简单的实现方式： HTML文件： ```html <!DOCTYPE html> <html> <head> <title>Interactive Bookstore</title> <script src="script.js"></script> </head> <body> <h1>Interactive Bookstore</h1> <label for="books">Select a book:</label> <select id="books" onchange="displayBookInfo()"> <option value="">--Select a book--</option> </select> <br><br> <table id="bookInfoTable"> <tr> <th>Category</th> <th>Author(s)</th> <th>Year</th> <th>Price</th> </tr> </table> </body> </html> ``` JavaScript文件： ```javascript // 定义一个变量来保存XML文件 var xmlDoc; // 当页面加载时读取XML文件 window.onload = function() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { xmlDoc = this.responseXML; populateBookList(); } }; xmlhttp.open("GET", "books.xml", true); xmlhttp.send(); } // 填充下拉单的选项 function populateBookList() { var selectNode = document.getElementById("books"); // 获取所有书本的节点 var bookNodes = xmlDoc.getElementsByTagName("book"); // 遍历所有书本的节点，并将它们添加到下拉单选项中 for (var i = 0; i < bookNodes.length; i++) { var optionNode = document.createElement("option"); optionNode.textContent = bookNodes[i].getElementsByTagName("author")[0].textContent + " - " + bookNodes[i].getElementsByTagName("year")[0].textContent; optionNode.value = i; selectNode.appendChild(optionNode); } } // 显示选中书本的信息 function displayBookInfo() { var selectNode = document.getElementById("books"); var index = selectNode.value; var bookNodes = xmlDoc.getElementsByTagName("book"); var bookNode = bookNodes[index]; // 清空表格内容 var tableNode = document.getElementById("bookInfoTable"); tableNode.innerHTML = ""; tableNode.appendChild(createTableRow("Category", bookNode.getAttribute("category"))); tableNode.appendChild(createTableRow("Author(s)", getAuthors(bookNode))); tableNode.appendChild(createTableRow("Year", bookNode.getElementsByTagName("year")[0].textContent)); tableNode.appendChild(createTableRow("Price", bookNode.getElementsByTagName("price")[0].textContent)); } // 获取书本的所有作者 function getAuthors(bookNode) { var authorNodes = bookNode.getElementsByTagName("author"); var authorList = ""; for (var i = 0; i < authorNodes.length; i++) { if (i > 0) { authorList += ", "; } authorList += authorNodes[i].textContent; } return authorList; } // 创建一个表格行 function createTableRow(label, value) { var trNode = document.createElement("tr"); var tdLabelNode = document.createElement("td"); tdLabelNode.textContent = label; var tdValueNode = document.createElement("td"); tdValueNode.textContent = value; trNode.appendChild(tdLabelNode); trNode.appendChild(tdValueNode); return trNode; } ``` 注意，这个例子假设XML文件名为“books.xml”，需要放在同一目录下。可以根据需要进行修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值