1. 程式人生 > >JQuery select 表單對象屬性根據name或id 選中選項和取值

JQuery select 表單對象屬性根據name或id 選中選項和取值

form jquery TP In 取值 dtd 廣州 find htm

今天遇到的問題,選中表單中select的其中規定的一項,然後獲取選中的值,規定終於搞定select中的屬性為name,用id這個屬性很快就實現功能,

用name去獲取,之前沒做過,這麽寫都不對,上網百度一下,終於搞定,作為筆記記錄下來。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<title>My JSP ‘formattributeselector_.jsp‘ starting page</title> <script type="text/javascript" src="${pageContext.request.contextPath}/script/jquery-1.7.2.js"></script> <script type="text/javascript"> $(function(){ //根據下拉框根據 name屬性選中,取值方法 //var $item1 = $("select[name=‘test2‘] option:eq(2)").attr("selected",true);
var $item2 = $("select[name=‘test2‘]").find(option:eq(3)).attr(selected,selected); // var $province = $("select[name=‘test2‘] option:eq(5)").val(); //取值 // var value1 = $item1.val(); var $value2 = $item2.val(); alert(value2);
//根據id選中,取值 方法 //var $select1 = $(‘#test2 option:eq(4)‘).attr(‘selected‘,‘selected‘); // var $select2 = $(‘#test2‘).find(‘option:eq(3)‘).attr(‘selected‘, true); // var $select3 = $(‘#test2 option:eq(1)‘).val(); //alert($select3); }) </script> </head> <body> <h3>表單對象屬性過濾選擇器</h3> <form id="form1" action="#"> 下拉列表2: <br> <select name="test2"> <option>浙江</option> <option>遼寧</option> <option>北京</option> <option>天津</option> <option>廣州</option> <option>湖北</option> </select> </form> </body> </html>

JQuery select 表單對象屬性根據name或id 選中選項和取值