달력

52024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

'Develope/jQuery'에 해당되는 글 23건

  1. 2014.01.24 JQUERY 동적 매핑
  2. 2013.05.14 JQury selectbox option
  3. 2010.12.21 jQuery Value값 가져오기,설정하기//Val()

JQUERY 동적 매핑

Develope/jQuery 2014. 1. 24. 01:54
반응형

완전 헤매다 해결!!!!

아놔....

 

http://blog.mirisu.co.kr/30


 $('#schEmpResult ul.list2 li').live('click',function(e) {

});

반응형
Posted by 친절한 웬디양~ㅎㅎ
|

JQury selectbox option

Develope/jQuery 2013. 5. 14. 15:37
반응형

jQuery(document).ready(function() {
        // 등록/수정 버튼 클릭 이벤트
        jQuery(":input:image[name*=ImgBtnInput]").click(function() {
            return checkForm();
        });
   
        // 목록 버튼 클릭 이벤트
        jQuery(":input:image[name*=ImgBtnList]").click(function() {
            return goList();
        });
      
      
        // 메인 팝업 선택시 이벤트
        jQuery($('select[name*=DdlPrintType]')).change(function() {
            var val = jQuery($('select[name*=DdlPrintType]')).val();
            if(val=="N"){
                // 기본값을 하나 제외하고 삭제
                $("select[name*=DdlNoticeType] option[value='1']").remove();
                $("select[name*=DdlNoticeType] option[value='2']").remove();
                // 새로운 항목 추가.
                jQuery($('select[name*=DdlNoticeType]')).append("<option value='1'>이벤트</option>"); 

//=> 그냥 비활성화만 원할시에... 위 3라인 삭제.. 아래 주석 풀기..

//                  $("select[name*=DdlNoticeType] option[value='1']").attr("disabled", true); 
//                  $("select[name*=DdlNoticeType] option[value='2']").attr("disabled", false);

 


            }
            else
            {
                // 기본값을 하나 제외하고 삭제
                $("select[name*=DdlNoticeType] option[value='1']").remove();
                $("select[name*=DdlNoticeType] option[value='2']").remove();
                // 새로운 항목 추가.
                jQuery($('select[name*=DdlNoticeType]')).append("<option value='2'>긴급공지</option>");   

//=> 그냥 비활성화만 원할시에... 위 3라인 삭제.. 아래 주석 풀기..

//                  $("select[name*=DdlNoticeType] option[value='1']").attr("disabled", false);
//                  $("select[name*=DdlNoticeType] option[value='2']").attr("disabled", true); 
            }
        });
    });

 

 

==================== 화면단 코드. aspx

<asp:DropDownList ID="DdlPrintType" runat="server" Width="150px" Font-Size="9pt" Font-Names="돋움">
                    <asp:ListItem Selected="True" Value="Y">Y</asp:ListItem>
                    <asp:ListItem Value="N">N</asp:ListItem>
                </asp:DropDownList>

▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ 

<asp:DropDownList ID="DdlNoticeType" runat="server" Width="150px" Font-Size="9pt" Font-Names="돋움">
                    <asp:ListItem Selected="True" Value="0">공지</asp:ListItem>
                    <asp:ListItem Value="1" >이벤트</asp:ListItem>
                    <asp:ListItem Value="2">긴급공지</asp:ListItem>
                </asp:DropDownList>

=====================

 

일단 selectbox 컨트롤에 애를 많이 먹은 관계로... 보관용...

근데 좋은 코드인지는 모르겠음...

반응형
Posted by 친절한 웬디양~ㅎㅎ
|

jQuery Value값 가져오기,설정하기//Val()

Develope/jQuery 2010. 12. 21. 14:12
반응형

태그속성의 값중 Value는 굉장히 중요한 값을 가집니다.
특히 대표적으로 많이 사용되는곳이 텍스트박스(input type="text")의 내용값이나
라디오버튼, 드롭다운리스트의 value값에서 중요하게 사용됩니다.

.val()메서드를 이용하면 입력받은 value값을 가져오거나 원하는 value값으로 set이 가능합니다.
set의 용도로 사용할때는 
            $('타겟지정코드').val("set하고싶은 value값");
이 형태로 사용하시면되고,
get의 용도로 사용하실때는
            var msg  = $('타겟지정코드').val();
이런 형식으로 사용하시면 됩니다.


이하 예제코드와 그 결과입니다.
예제에서
             .join("원하는 구분모양")

이라는 메서드가 사용되었는데 이 메서드는 get해온값이 여러가지일때
그 구분자로써 사용되게됩니다.





<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>폼 요소의 값 가져오기 및 설정</title>
    <script src="jquery-1.3.2-vsdoc2.js" type="text/javascript　"></script>
    <script type="text/javascript　">
        $(document).ready(function () {
            //val을 이용한 초기설정 잡기(좋다!)
            $('#txtName').val("뿌요뿌요");
            $('input:radio:').val(['F']);
            $('#lstFavorites').val(['0','2']);
            $('#btnOK').click(function () {
                var msg = "";
                //1 타겟 폼요소의 value속성을 가져온다. <>에러
                msg += $('#txtName').val() + '\n';
                //2 라디오버튼중 이름이 Gender이고 체크된 타겟의 value속성을 가져온다. <> undefined
                msg += $('input:radio[name=Gender]:checked').val() + '\n';
                //3 리스트박스에서 여러개 값 가져오기
                msg += $('#lstFavorites').val().join(" | ") + '\n';

                //
                alert(msg);
            });
        });
    </script>
   
</head>
<body>
    텍스트박스 : <input type="text" id="txtName" /><br />
    라디오버튼 :
        <input type="radio" id="optGender1" name="Gender" value="M"  />남
        <input type="radio" id="optGender2" name="Gender" value="F" />여<br />
    드롭다운리스트 :
        <select id="lstFavorites" multiple="multiple" size="3">
            <option value="0">JavaScript　</option>
            <option value="1">jQuery</option>
            <option value="2">JavaScript　</option>
        </select><br />
    <input type="submit" value="확인" id="btnOK" />
</body>
</html>



출처 : http://kr.blog.yahoo.com/jooonho/110

반응형
Posted by 친절한 웬디양~ㅎㅎ
|


티스토리툴바