복붙노트

[JQUERY] jQuery를 사용하여 드롭 다운의 항목의 선택 값을 가져옵니다

JQUERY

jQuery를 사용하여 드롭 다운의 항목의 선택 값을 가져옵니다

해결법

  1. 1.하나의 선택 DOM 요소의 경우, 현재 선택된 값을 얻을 수 있습니다 :

    하나의 선택 DOM 요소의 경우, 현재 선택된 값을 얻을 수 있습니다 :

    $('#dropDownId').val();

    현재 선택된 텍스트를 얻으려면 :

    $('#dropDownId :selected').text();

  2. 2.

    var value = $('#dropDownId:selected').text()

    잘 작동합니다,이 예제를 참조하십시오

    $ (문서) .ready (함수 () { $ ( '# 단추 1'). ((기능을 클릭) { 경고 ($ ( '# 콤보 : 선택') 텍스트 ().); }); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> <선택 ID = "콤보"> <옵션 값 = "1"> 시험 1 <옵션 값 = "2"> 시험 2

  3. 3.이 jQuery를보십시오

    이 jQuery를보십시오

    $("#ddlid option:selected").text();

    또는이 자바 스크립트,

     var selID=document.getElementById("ddlid");
 var text=selID.options[selID.selectedIndex].text;

    당신은 값이 아니라 텍스트에 액세스해야하는 경우 다음 발 () 메소드 대신 텍스트를 사용하십시오 ().

    아래의 바이올린 링크를 확인하십시오.

    데모 1 | Demo2

  4. 4.이 시도

    이 시도

    $("#yourDropdown option:selected").text();

  5. 5.나는 이것이 정말 오래된 게시물입니다 알고 난 아마이 불쌍해 부활 채찍질해야한다,하지만 난 내 무기고에있는 모든 응용 프로그램 전체에서 사용하는 것이 매우 도움이 작은 JS 조각의 몇 가지를 공유하는 것이라고 생각 ...

    나는 이것이 정말 오래된 게시물입니다 알고 난 아마이 불쌍해 부활 채찍질해야한다,하지만 난 내 무기고에있는 모든 응용 프로그램 전체에서 사용하는 것이 매우 도움이 작은 JS 조각의 몇 가지를 공유하는 것이라고 생각 ...

    밖으로 입력하는 경우 :

    $("#selector option:selected").val() // or
$("#selector option:selected").text()

    오래된지고, 글로벌 *의 .js 파일이 작은 크럼 펫을 추가하십시오 :

    function soval(a) {
    return $('option:selected', a).val();
}
function sotext(a) {
    return $('option:selected', a).text();
}

    그냥 쓰기 soval ( "# 선택"); 또는 sotext ( "# 선택"); 대신! 두 가지를 결합하고 가치와 텍스트를 모두 포함하는 객체를 반환하여도 애호가 해!

    function so(a) {
    my.value = $('option:selected', a).val();
    my.text  = $('option:selected', a).text();
    return my;
}

    그것은 특히 폼 무거운 응용 프로그램에, 나에게 소중한 시간의 톤을 저장!

  6. 6.이렇게하면 선택한 값을 알려줍니다. JQuery와 코드 ...

    이렇게하면 선택한 값을 알려줍니다. JQuery와 코드 ...

    $(document).ready(function () {

        $("#myDropDown").change(function (event) {
            alert("You have Selected  :: "+$(this).val());
        });
    });

    HTML 코드 ...

    <select id="myDropDown">
        <option>Milk</option>
        <option>Egg</option>
        <option>Bread</option>
        <option>Fruits</option>
    </select>

  7. 7.이 트릭을 할 것입니다

    이 트릭을 할 것입니다

    $('#dropDownId').val();

  8. 8.또 다른 시험 예 :

    또 다른 시험 예 :

    <!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $('#bonus').change(function() {
    alert($("#bonus option:selected").text());
  });  
});
</script>
</head>

<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>

  9. 9.이 시도는 값을 가져옵니다 :

    이 시도는 값을 가져옵니다 :

    $ ( '선택 #의 myField') 찾기 ( '옵션 : 선택') 발 ();..

  10. 10.당신은 ID로 선택 요소를 제공 했습니까?

    당신은 ID로 선택 요소를 제공 했습니까?

    <select id='dropDownId'> ...

    첫 번째 문은 작동합니다!

  11. 11.선택한 텍스트 사용을 위해 :

    선택한 텍스트 사용을 위해 :

    value: $('#dropDownId :selected').text();

    선택된 값의 사용을 위해 :

    value: $('#dropDownId').val();

  12. 12.html로의 제어 아래로 드롭에 대해 생성되었다 ID는 동적 하나가 될 것입니다. 그래서 전체 아이디 $ ( 'ct100_ <컨트롤 ID를>')를 사용합니다. 발 (). 그것은 작동합니다.

    html로의 제어 아래로 드롭에 대해 생성되었다 ID는 동적 하나가 될 것입니다. 그래서 전체 아이디 $ ( 'ct100_ <컨트롤 ID를>')를 사용합니다. 발 (). 그것은 작동합니다.

  13. 13.또는 당신은 시도 할 경우 :

    또는 당신은 시도 할 경우 :

    $("#foo").find("select[name=bar]").val();

    오늘은 그것을 사용하고 그것은 잘 작동.

  14. 14.사용하다

    사용하다

    $('#dropDownId').find('option:selected').val()

    이 작업을해야합니다 :)

  15. 15.당신은 단지 기능을 바로 전송 ID 아래 사용하고 선택한 가치를 아래로 드롭 JQuery와 값을 얻으려면 :

    당신은 단지 기능을 바로 전송 ID 아래 사용하고 선택한 가치를 아래로 드롭 JQuery와 값을 얻으려면 :

    function getValue(id){
    var value = "";
    if($('#'+id)[0]!=undefined && $('#'+id)[0]!=null){
        for(var i=0;i<$('#'+id)[0].length;i++){
            if($('#'+id)[0][i].selected == true){
                if(value != ""){
                    value = value + ", ";
                }
                value = value + $('#'+id)[0][i].innerText;
            }
        }
    }
    return value;
}

  16. 16.fundrp 함수 () { var에 TEXT_VALUE = $ ( "#의 drpboxid 옵션 : 선택") 텍스트 ();. CONSOLE.LOG (TEXT_VALUE); VAR val_text = $ ( "#의 drpboxid 옵션 : 선택") 발 ();. CONSOLE.LOG (val_text); VAR value_text = $ ( "#의 drpboxid 옵션 : 선택"). ATTR ( "vlaue"); CONSOLE.LOG (value_text); VAR get_att_value = $ ( "#의 drpboxid 옵션 : 선택"). ATTR ( "ID") CONSOLE.LOG (get_att_value); } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"> <선택 이드 = "drpboxid"> <옵션 ID = "1_one"vlaue = "하나"> 하나 <옵션 ID = "2_two"vlaue = "2"> 두 <옵션 ID = "3_three"vlaue = "세"> 세 <버튼 ID = "btndrp"의 onclick = "fundrp ()"> 추적 Report1234

    fundrp 함수 () { var에 TEXT_VALUE = $ ( "#의 drpboxid 옵션 : 선택") 텍스트 ();. CONSOLE.LOG (TEXT_VALUE); VAR val_text = $ ( "#의 drpboxid 옵션 : 선택") 발 ();. CONSOLE.LOG (val_text); VAR value_text = $ ( "#의 drpboxid 옵션 : 선택"). ATTR ( "vlaue"); CONSOLE.LOG (value_text); VAR get_att_value = $ ( "#의 drpboxid 옵션 : 선택"). ATTR ( "ID") CONSOLE.LOG (get_att_value); } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"> <선택 이드 = "drpboxid"> <옵션 ID = "1_one"vlaue = "하나"> 하나 <옵션 ID = "2_two"vlaue = "2"> 두 <옵션 ID = "3_three"vlaue = "세"> 세 <버튼 ID = "btndrp"의 onclick = "fundrp ()"> 추적 Report1234

  17. 17.나는 날짜 대답까지 an 더와이 업데이트하지만이 오래 알고 있지만

    나는 날짜 대답까지 an 더와이 업데이트하지만이 오래 알고 있지만

    $( document ).on( 'change', '#combo', function () {
var prepMin= $("#combo option:selected").val();
 alert(prepMin);
});

    이게 도움이 되길 바란다

  18. 18.

    $("select[id$=dropDownId]").val()

  19. 19.이러한 코드 중 하나 사용

    이러한 코드 중 하나 사용

    $('#dropDownId :selected').text();

    또는

    $('#dropDownId').text();

  20. 20.이것은 어떤 작품입니다

    이것은 어떤 작품입니다

        var value= $('option:selected', $('#dropDownId')).val();

  21. 21.

    $("#selector <b>></b> option:selected").val()

    또는

    $("#selector <b>></b> option:selected").text()

    위 코드는 나를 위해 잘 작동

  22. 22.당신은 다음과 같은 코드를 사용하여이 작업을 수행 할 수 있습니다.

    당신은 다음과 같은 코드를 사용하여이 작업을 수행 할 수 있습니다.

    $('#dropDownId').val();

    당신은 선택 list`s 옵션에서 선택한 값을 얻을합니다. 이 트릭을 할 것입니다.

    $('#dropDownId option:selected').text();

  23. 23.당신은이 중 하나를 사용할 수 있습니다 :

    당신은이 중 하나를 사용할 수 있습니다 :

    $(document).on('change', 'select#dropDownId', function(){

            var value = $('select#dropDownId option:selected').text();

            //OR

            var value = $(this).val();

});

  24. 24.이 같은 넣을 필요가있다.

    이 같은 넣을 필요가있다.

    $('[id$=dropDownId] option:selected').val();

  25. 25.이 시도:

    이 시도:

     $('#dropDownId option').filter(':selected').text();     

 $('#dropDownId option').filter(':selected').val();

  26. 26.페이지로드에서 선택한 값을 얻기 위해 아래의 방법을 사용합니다 :

    페이지로드에서 선택한 값을 얻기 위해 아래의 방법을 사용합니다 :

    $(document).ready(function () {
$('#ddlid').on('change', function () {
                var value = $('#ddlid :selected').text();
                alert(value);`
            });
});

  27. 27.당신이 더 많은 경우 하나의 시도 드롭보다 :

    당신이 더 많은 경우 하나의 시도 드롭보다 :

    HTML :

    <select id="dropdown1" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>
<select id="dropdown2" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>

    자바 스크립트 :

        function myFunction(sel) {
        var selected = sel.value;
    }

  28. 28.HTML :

    HTML :

    <select class="form-control" id="SecondSelect">
       <option>5<option>
       <option>10<option>
       <option>20<option>
       <option>30<option>
</select>

    자바 스크립트 :

    var value = $('#SecondSelect')[0].value;

  29. 29.

    $("#dropDownId").val('2');
var SelectedValue= $("#dropDownId option:selected").text();
$(".ParentClass .select-value").html(SelectedValue);


<p class="inline-large-label button-height ParentClass" >
     <label for="large-label-2" class="label">Country <span style="color: Red;">*</span><small></small></label>
     <asp:DropDownList runat="server" ID="dropDownId " CssClass="select" Width="200px">          
    </asp:DropDownList>
</p>

  30. 30.이 당신을 위해 일한다

    이 당신을 위해 일한다

      $("#dropDownId").on('change',function(){
     var value=$(this).val();
     alert(value);
  });

    31. from https://stackoverflow.com/questions/2780566/get-selected-value-of-a-dropdowns-item-using-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 감지 브라우저 자동 채우기  (0) 2020.09.29
[JQUERY] jQuery로 비동기 이미지로드  (0) 2020.09.29
[JQUERY] DIV의 크기는 어떻게 변경 감지하는?  (0) 2020.09.29
[JQUERY] jQuery를 이벤트 : 사업부의 HTML / 텍스트에 대한 변경 사항을 감지  (0) 2020.09.29
[JQUERY] 는 DOM 요소가 제거 된 경우, 그 청취자는 메모리에서 제거된다?  (0) 2020.09.29
,

티스토리툴바