今天第一次在javaeye中写文章,呵呵!!
问题:如主题,select中怎样得到labelProperty的值,再把得到的值放到一个文本框中:“principal”中。
下面是一个下拉框的代码:
<td>负 责 人:</td>
<td><html:text property="principal" styleClass="shorttext"/>
<html:select property="sysUser" onchange= "showBranch();">
<html:options collection= "user" property= "userid" labelProperty= "uname" />
</html:select>
</td>
现在就想用JS 把 labelProperty的值得到!
用如下JS代码:
// 得到负责人名称
function showBranch(){
// 得到文本对象
var checkObject=getElement("principal");
// 得到下拉框的 labelProperty 的值
var select = document.getElementById("sysUser");
var option = select.options[select.selectedIndex];
checkObject.value = option.innerHTML;
}
呵呵 以上就能动态地使文本框的值和下框的值一样了,这样就可以提交到后面拉!
分享到:
相关推荐
根据提供的文件信息,我们可以总结出一...以上就是从给定文件中提取出来的有关如何使用jQuery来获取不同类型表单元素的值的相关知识点。这些方法在实际开发中非常实用,能够帮助开发者快速有效地操作页面上的各种元素。
在JavaScript(JS)编程中,动态添加Select中的Option元素值是一项常见的需求,特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能,并提供一个实际的案例来演示这一过程。 首先,我们要理解HTML...
在Vue.js框架中,Element UI库提供了一个丰富的组件集,其中`el-select`是一个常用的下拉选择组件。在处理用户交互时,有时我们需要获取选中项的`label`或`value`值。从提供的信息来看,这里介绍的是如何在不通过...
本文将探讨如何利用JavaScript和Java中的HashMap(在JavaScript中,我们可以使用类似的数据结构,如`Map`)来消除`<select>`中的重复值。 首先,让我们了解HashMap或Map数据结构。HashMap是Java中的一种集合类,它...
本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值(即 value 属性的值)...
//得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 }); 获取自定义属性 data.elem.getAttribute("data-id") 例子:取得ID名称 form.on('select', function(data){ //console.log(data.elem);...
实例如下所示: <select name=region[province] id= class=region valid> 省、直辖市 北京市 </select>...取得textarea的值 <textarea id='address'></textarea > $(#textare
本话题聚焦于使用jQuery来实现两个select元素之间的选中值互换功能。这对于用户界面设计,尤其是在需要双向联动或者数据交换的场景下,是一个实用的功能。 首先,我们要了解HTML中的`<select>`元素。它是创建下拉...
web前端小问题,select 选择事件,当选择select同一值触发onchange事件
`jsp`中的`html:select`标签主要用于创建HTML表单中的下拉选择列表。这个标签在Struts框架中尤其常见,因为它与ActionForm对象的属性紧密关联,方便数据的提交和回显。以下是对`html:select`标签的详细解释和使用...
本文是mysql 数据库 问题一 将表一的数据导入表二...在表中插入数据时,某一字段取数据库中该字段的最大值,并+1,这个问题很多人都说用存储过程什么的解决,其实使用insert 和 select 结合就可以很好的解决这个问题啊
动态循环加载`select`中选中的值是一项常见的需求,特别是在数据驱动的Web应用中,需要根据服务器返回的数据动态生成并更新下拉选项。在这个场景中,我们需要实现的功能是:当页面加载时,能够自动选中特定的值,这...
在Ant Design Vue中,`a-select`组件是一个用于选择项的下拉框,它提供了丰富的交互和样式。在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,...
本文主要给大家介绍了Angular2中select用法之设置默认值与事件的相关内容,分享出来供大家参考学习,下面来看看详细的介绍: 一、设置默认值: 现在有三个学生小明,小红,小黑,对双向绑定的student设置你想要的...
再者,获取已选中的值和文本也是XM-SELECT的一大亮点。在用户进行多选操作后,开发者可以轻松地获取到用户的选择,这对于数据提交或者进一步的业务逻辑处理至关重要。插件通常提供API接口,如`getValue()`和`getText...
用alert()方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省:"+prov.text()+"市:"+...
综上所述,示例演示了使用jQuery来获取select标签中选中项的值和文本的方法,并考虑了没有value属性的特殊情况,还涉及到了事件绑定和DOM操作的基本知识。对于学习和使用jQuery进行前端开发的读者来说,这些内容都是...
在某些场景下,我们需要动态地填充select下拉框的选项值,以实现更灵活的数据输入。本篇文章将详细探讨如何在jQGrid中实现这一功能。 首先,理解`select`下拉框的基本概念。在HTML中,`<select>`元素用于创建一个...
在Web开发中,模拟select元素的点击事件是一项常见的需求,尤其是当我们希望在不直接与页面交互的情况下改变选项值时。本文将通过实例讲解来阐述如何在使用layui框架的情况下,模拟select的点击事件。 ### 标题知识...
这个场景中,我们讨论的是如何实现一个功能,让用户可以在两个Select下拉框之间移动选择的值,这种功能常见于多选设置或者数据迁移的界面。下面我们将深入探讨如何实现这样的功能。 首先,我们需要两个HTML Select...