js和jquery获取select下拉列表框的值-优快云博客

本文链接：https://blog.youkuaiyun.com/ych0108/article/details/84484720

本文介绍如何使用JavaScript和jQuery来获取HTML中Select元素的选中值及其对应的文本。通过示例代码展示了如何通过getElementById及jQuery选择器定位到Select元素，并读取选中的索引、文本和值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

----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>