html select添加点击事件获取点击的option值以及动态赋值

<select name="dep"  id="dep"  οnchange="dep(this.options[this.options.selectedIndex].value)">
    <option value="">请选择单位</option>
</select>

 

<script>

//动态给select添加option

var department = [{name: "财务部", id: "001"},{name: "宣传部", id: "002"},{name: "策划部", id: "003"},{name: "人力资源部", id: "004"}];
//先清空select 的所有内容
$("#dep").text("");

for (var i = 0; i < department.length; i++) { $("#dep").append("<option value='" + department[i].id + "'>" + department[i].name + "</option>"); }

function dep(v) {
   alert("当前选择的select值是："+v);
}

</script>