使用onchange
和document.getElementById("xxx").value
进行下拉选单(drop-down menu)取值。
HTML:
<div id="item">
<label style="font-weight:bold;">下拉选单:</label>
<select id="tool_type" name="tool_type" style="cursor:pointer;" class="selectpicker ml-1 mb-2" data-width="150px" onchange="select()">
<option value="0">请选择</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
</div>
JavaScript:
function select(){
var selected = document.getElementById("tool_type").value;
console.log(selected);
}