<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>select表单测试</title>
</head>
<%
String baobiao = request.getParameter("baobiao");//获得下拉选中被选中的option的value
if (baobiao == null || baobiao.equalsIgnoreCase(""))
baobiao = "sryszxqkb";//如果为空，给它赋个默认值
String baobiaotext = request.getParameter("baobiaotext");//获得下拉选中被选中的option的text
if (baobiaotext == null || baobiaotext.equalsIgnoreCase(""))
baobiaotext = "收入预算及执行情况表";//如果为空，给它赋个默认值
//打印下，看看是否获得到了
System.out.println("baobiao============" + baobiao);
System.out.println("baobiaotext============" + baobiaotext);
%>
<body>
<form action=a.jsp method=get>
<select name="baobiao"
onChange="baobiaotext.value=this.options[this.selectedIndex].text;">
</select>
<input type=hidden name="baobiaotext" value="">
<td>
<input class="ui_ent" type=submit value="确定">
</td>
</form>
</body>
</html>
<script language="javascript">
var baobiao = "sryszxqkb;收入预算及执行情况表;zcqkb_jd;资产情况表;zcfzb;资产负债简表;xmszyszxqkb;项目收支预算执行情况表;zcyszxqkzb;支出预算及执行情况表;jbzcyszxqkb;基本支出预算执行情况表";
var genderArrSdt = baobiao.split(";"); //截串放入数组
//构造select
for(var i=0;i<genderArrSdt.length;i+=2)
{
document.getElementById("baobiao").add(new Option(genderArrSdt[i+1],genderArrSdt[i])); //前边是value,后边是text
}
//设置被选中
var myval= "<%=baobiao%>";
//alert(myval);
var objSelect = document.getElementById("baobiao");
for(var i=0;i<objSelect.options.length;i++)
{
if(objSelect.options[i].value == myval)
{
objSelect.options[i].selected = true;
break;
}
}
</script>
分享到：
相关推荐
综上所述，示例演示了使用jQuery来获取select标签中选中项的值和文本的方法，并考虑了没有value属性的特殊情况，还涉及到了事件绑定和DOM操作的基本知识。对于学习和使用jQuery进行前端开发的读者来说，这些内容都是...
总结来说，无论是使用原生JavaScript还是jQuery库，获取select选中的option文本的操作都是非常直接和容易实现的。这对于动态地根据用户的选择更新页面内容或进行其他操作提供了便利。开发者可以根据自己的项目需求和...
总结来说，获取select元素中的选项的value和text值是前端开发中的一个基础技能，通过本文的介绍和示例代码，我们可以看到如何使用原生JavaScript来实现这一功能。通过操作DOM元素并添加适当的事件监听器，我们可以...
在网页开发中，经常需要获取用户在HTML选择器（`<select>`元素）中选定的选项的`value`和`text`属性。这些属性对于处理用户输入和展示反馈至关重要。本文将详细介绍如何使用jQuery和纯JavaScript来实现这一功能。 #...
标题中的"select value options"指的是在JavaScript中获取`<select>`元素中选定`<option>`的`value`和`text`的操作。描述中的"获取下拉框的value和options的值"进一步强调了这一目标。 以下是如何使用JavaScript...
根据提供的文件内容，我们可以详细探讨和总结几个关键知识点，主要包括如何使用jQuery库获取HTML select元素中所有option的value和text，并将它们拼接成指定格式。同时，这部分内容也涉及到了HTML页面结构设计、...
本篇文章将详细介绍如何通过JavaScript获取`<option>`标签中的`value`和`text`属性值。 首先，`<option>`标签用于创建下拉列表中的选项。它有两个关键属性： 1. `value`：这个属性定义了选项的值，通常用于服务器...
总结来说，这个JavaScript示例展示了如何利用JavaScript获取ASP.NET DropDownList控件的选定选项的value和text值，这对于处理用户交互和动态响应用户选择是非常常见的需求。你可以根据具体应用场景，修改并扩展这个`...
本文主要聚焦于如何使用jQuery来控制SELECT元素的text（文本）和value（值）使其处于选中状态，并获取当前选中的text和value。以下是对这些操作的详细解释： 1. **设置value为“全部”的项选中** 当我们需要将...
通过这个简单的实例，我们学习到了如何在Vue.js中利用v-model和v-for指令来获取和显示select下拉列表中的选中值。这种方式提供了一个快速方便的方法来实现表单输入与Vue实例数据之间的同步。这样的数据绑定不仅简化...
当涉及到HTML `<select>` 元素，尤其是与 `<option>` 结合使用时，我们可能需要获取用户选择的特定选项的`value`和`text`。在本篇文章中，我们将深入探讨如何在Vue.js中实现这一目标。 首先，让我们明确`value`和`...
在编程过程中，我们对下拉列表框的取值很多时候都是获取option中的value，但是也有需要获取显示在页面中的值的时候，例如想获得<option value=”value”>ShowText中”ShowText”，我们该如何获取呢？方法很简单，...
本文将详细介绍如何使用原生JavaScript和jQuery来获取`select`元素中被选`option`的`value`和`text`。 1. **原生JavaScript获取选中选项的value** 获取`select`元素中选中`option`的`value`非常简单，可以通过`...
select.add(createOption(text, value)); } // 示例数据 var optionsData = [ {text: '选项1', value: '1'}, {text: '选项2', value: '2'}, {text: '选项3', value: '3'} ]; // 动态添加Option到两个下拉...
在这个Vue示例中，`v-model` 双向绑定 `selected` 和 `searchText`，`filteredOptions` 计算属性根据输入值过滤选项，`filterOptions` 方法用于在用户输入时清空已选的值。 无论是原生JavaScript还是前端框架，实现...
在这个示例中，`chk`函数首先获取了`<select>`元素，然后通过`selectedIndex`和`options`属性获取选中项的文本。接下来，它弹出一个确认对话框，显示用户选择的文本。如果用户点击“确定”，则执行相应的操作；如果...
这篇内容主要讨论如何在JavaScript中获取`<select>`元素的真实值（即`<option>`的`value`属性）和显示值（即`<option>`的可见文本）。 首先，来看一个简单的HTML示例： ```html *目标字段 <select name=...