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


             今天遇到的問題,選中表單中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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM