`

js和jquery获取select下拉列表框的值

阅读更多
----js输出选中的文本值和对应的value
	var obj = document.getElementById("areacodeid"); //selectid
	var index = obj.selectedIndex;// 选中索引
	var text = obj.options[index].text; // 选中文本
	 alert(text);
	var value = obj.options[index].value; // 选中值
	 alert(value);

-----jquery判断select下拉列表框的值
if($('#areacodeid option:selected').val()=='0'){
		alert("请选择地区名称。");
		return false;
		}


----html代码简记
	<tr>
      		<th align="left">地  区:</th>
      		<!--  <td><input name="dic" type="text" id="dic"  size="30" maxlength="10" /> <span style="color:#F00;">*</span></td>-->
     		<td><select name="areacode" id="areacodeid" style="width:170px">
			  <option selected = "selected" value ="0">---请选择地区--</option>			
			  <option value ="330000">省   级</option>
			  <option value="330100">杭 州 市</option>
			  <option value="330200">宁 波 市</option>
			  <option value="330300">温 州 市</option>
			  <option value="330400">嘉 兴 市</option>
			  <option value="330500">湖 州 市</option>
			  <option value="330600">绍 兴 市</option>
			  <option value="330700">金 华 市</option>
			  <option value="330800">衢 州 市</option>
			  <option value="330900">舟 山 市</option>
			  <option value="331000">台 州 市</option>
			  <option value="331100">丽 水 市</option>
			</select></td>
   	 </tr>
分享到:
评论

相关推荐

    使用JQuery左右移动下拉列表框中的值

    标题“使用JQuery左右移动下拉列表框中的值”涉及的是在网页开发中利用JavaScript库JQuery来操作HTML的下拉列表(select元素),特别是实现选中项在两个并排的下拉列表之间动态移动的功能。这样的功能常见于用户需要...

    jquery实现select带模糊搜索下拉选择框

    `&lt;select&gt;` 标签用于创建一个下拉列表,用户可以从中选择一个或多个选项。然而,原生的 `select` 元素并不支持模糊搜索功能,所以我们需要借助 `jQuery` 和 CSS 来增强其功能。 1. **引入资源**: 在项目中,你...

    Jquery实现select下拉列表根据radio选项级联

    `loadOptionsForSelect1`和`loadOptionsForSelect2`是假设的函数,它们负责根据所选的radio按钮值从服务器获取数据,并更新对应的select下拉列表。实际应用中,这些函数可能涉及到Ajax请求,如使用`$.ajax`或`$.get`...

    jquery+css3美化select下拉列表框特效

    在网页设计中,"jquery+css3美化select下拉列表框特效"是一个常见的需求,它旨在提升用户体验,使传统的HTML `&lt;select&gt;` 元素看起来更加现代和吸引人。本项目结合了JavaScript库jQuery和CSS3的新特性,为下拉列表框...

    jQuery和css3超赞select下拉列表框美化插件

    **jQuery和CSS3超赞Select下拉列表框美化插件详解** 在网页设计中,Select元素通常是用来创建下拉选择菜单的,但其默认样式在许多浏览器中并不统一,有时显得较为简陋。为了提升用户体验和界面美观度,开发者经常...

    jquery 模拟Select下拉选择框取值功能.zip

    在这个“jquery 模拟Select下拉选择框取值功能.zip”压缩包中,包含了一个示例,展示了如何使用jQuery来模拟HTML Select元素的下拉选择功能,并获取用户选定的值。下面我们将详细探讨这个主题。 首先,HTML的Select...

    div模拟select自定义下拉列表框(jQuery)

    `div模拟select自定义下拉列表框`是一种常见做法,它利用JavaScript(如jQuery)和CSS来实现,可以提供比原生`&lt;select&gt;`元素更丰富的样式控制和交互体验。本篇将详细介绍这种技术及其应用。 一、为什么使用div模拟...

    jQuery ajax JSON 下拉列表框级联

    本示例中的"jQuery ajax JSON 下拉列表框级联"就是这样的一个应用。 1. **jQuery**:jQuery是一个高效、简洁且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本案例中,jQuery用于...

    jquery自动滚动下拉列表框.rar

    本篇文章将深入探讨如何利用jQuery实现自动滚动下拉列表框这一常见的JS特效,特别是针对“选项卡TAB”的交互优化。 一、jQuery基础 jQuery是一个JavaScript库,它简化了JavaScript的DOM操作、事件处理以及动画效果...

    jQuery轻量级模块化select下拉列表框插件

    select3是一款基于jQuery或Zepto.js的轻量级模块化select下拉列表框插件。select3下拉列表框可以进行单选、以tag的形式进行多选、可以指定输入类型格式、可以进行分组选择、还可以ajax进行远程调用。

    jquery自动滚动下拉列表框.zip

    在“jquery自动滚动下拉列表框.zip”这个项目中,我们聚焦于一个特定的用户界面元素——下拉列表框,并探讨如何使用jQuery实现自动滚动的效果。这个功能通常用于创建动态、交互性更强的网页应用。 首先,我们需要...

    jQuery模拟Select下拉菜单选中添加代码.zip

    《jQuery模拟Select下拉菜单选中添加代码》 在网页开发中,Select下拉菜单是一种常见的用户交互元素,用于提供多个选项供用户选择。然而,原生的HTML Select标签有时不能满足设计师和开发者对于界面美观性和交互性...

    jquery搜索框下拉列表选择搜索分类效果.rar

    总的来说,“jquery搜索框下拉列表选择搜索分类效果”结合了前端的jQuery技术和后端的C#编程,创建了一个高效、友好的搜索体验。这种设计在现代Web应用中非常常见,尤其在数据驱动的网站和应用中,能够提供快速、...

    jquery搜索栏select下拉选择框

    本主题聚焦于“jquery搜索栏select下拉选择框”,这是一个常见的交互元素,用于提供用户友好的搜索体验。在网页的搜索功能中,用户通常需要指定搜索范围,如按类别、日期或其他特定条件进行筛选。这种情况下,一个...

    手动样式仿select下拉列表框

    "手动样式仿select下拉列表框"就是一个这样的实践,它通过CSS和JavaScript等技术,使得原本样式单一的SELECT元素变得更为美观、交互性强。 在传统的HTML中,SELECT元素用于创建下拉列表,但其默认样式受到浏览器的...

    select下拉列表显示图片内容

    利用JavaScript(如jQuery)处理用户的交互,如打开和关闭下拉菜单,以及获取用户的选择。 2. **插件使用**: 有许多现成的JavaScript库和插件,如`Chosen`、`Select2`、`Optgroup`等,它们扩展了`select`元素的...

    jquery选择国家下拉列表框插件

    `countrypicker.js` 是一个专为jQuery设计的插件,它简化了创建具有搜索和国旗显示功能的国家下拉列表框的过程。 **1. 插件功能介绍** - **搜索功能**:`countrypicker.js` 提供了内置的搜索功能,用户可以通过...

    jQuery获取Select标签的手册

    `Select`标签常用于创建下拉列表,允许用户在多个选项中进行选择。本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`...

    select3是一款基于jQuery或Zeptojs的轻量级模块化select下拉列表框插件

    select3是一款基于jQuery或Zepto.js的轻量级模块化select下拉列表框插件。select3下拉列表框可以进行单选、以tag的形式进行多选、可以指定输入类型格式、可以进行分组选择、还可以ajax进行远程调用。

    jquery获取表单值

    本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、单选按钮、复选框、下拉列表)的值。 #### 一、获取表单控件的值 ##### 1. 获取文本框(`&lt;input type="text"&gt;`)的值 文本框是最常见...

Global site tag (gtag.js) - Google Analytics