如何从 HTML 中的选项值中获取选择 id 值？ [关闭]

Question

任何人都可以帮助我通过获取选择 id 值作为选项值之一。我希望该服务作为 0.05,0.1 之一等等..

<select id="service">
            <option disabled selected> Choose </option>
            <option value="0.05"> 5%-Terrible </option>
            <option value="0.1"> 10%-Bad</option>
            <option value="0.15"> 15%-OK</option>
            <option value="0.2"> 20%-Good</option>
            <option value="0.3"> 30%-Excellent</option>
        </select>

Answer 1

您可以使用 querySelector 和节点选项值获取值。例如阅读这里https://javascript.info/form-elements

const select = document.querySelector('#service')
function getValue(){
  console.log(select.value)
}

<select id="service" onchange=getValue()>
            <option disabled selected> Choose </option>
            <option value="0.05"> 5%-Terrible </option>
            <option value="0.1"> 10%-Bad</option>
            <option value="0.15"> 15%-OK</option>
            <option value="0.2"> 20%-Good</option>
            <option value="0.3"> 30%-Excellent</option>
        </select>