獲取多選下拉框(select標簽設置multiple屬性)的值


原文鏈接:https://blog.csdn.net/qq846294282/article/details/82427002   (侵刪)

<select multiple>不能直接獲取value,需要借助該元素的options屬性。如下:

<select id="select" multiple>
    <option value="1">1111</option>
    <option value="2">2222</option>
    <option value="3">3333</option>
</select >
<script>
    // 獲取select元素的options屬性
    const options = document.querySelector('#select').options
    const selectedValueArr = []
    for (let i = 0; i < options.length; i++) {
        // 如果該option被選中,則將它的value存入數組
        if (options[i].selected) {
            selectedValueArr.push(options[i].value)
        }
    }
    // 如果后端需要字符串形式,比如逗號分隔
    const selectedValueStr = selectedValueArr.join(',')
    // Ajax code here
    // ...
</script>


免責聲明!

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



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