>  기사  >  웹 프론트엔드  >  jQuery를 사용하여 선택 상자에서 선택한 옵션의 값을 얻는 방법

jQuery를 사용하여 선택 상자에서 선택한 옵션의 값을 얻는 방법

清浅
清浅원래의
2019-01-16 14:05:472614검색

jQuery에서 선택된 선택기를 사용하여 다중 선택 상자에서 옵션을 선택할 수도 있습니다.

jQuery를 사용하여 선택 상자에서 선택한 옵션의 값을 얻는 방법

jQuery에서 :selected 선택기는 주로 선택된367b10299ab587d04f4c5d76880dbaba 태그에 여러 속성을 추가하여 선택 상자에서 여러 섹션을 활성화할 수 있습니다.

<script type="text/javascript">
$(document).ready(function() {
    $("button").click(function(){
        var countries = [];
        $.each($(".country option:selected"), function(){            
            countries.push($(this).val());
        });
        alert("你选择的城市有:" + countries.join(", "));
    });
});
</script>
</head>
<body>
    <form>
        <label>选择城市</label>
        <select class="country" multiple="multiple" size="5">
            <option>合肥</option>
            <option>上海</option>
            <option>北京</option>
            <option>南京</option>
            <option>杭州</option>
        </select>
        <button type="button">选择</button>
    </form>

렌더링:

jQuery를 사용하여 선택 상자에서 선택한 옵션의 값을 얻는 방법

위 내용은 jQuery를 사용하여 선택 상자에서 선택한 옵션의 값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.