select中的option

js动态压入select中的option,获取选中的option信息；

html 代码：

<div class="form-group">
	<label class="col-sm-3 control-label">微型站：</label>
	<div class="col-sm-8" id="deptidPrent">

	</div>
</div>

js 部分

function deptStart(){
	let str = {};
	str.condition = '3';
		$.ajax({
			url:"****",   //接口
			type:"",  //方式
			data:str,   //参数
			cache: false,  //是否缓存
			success:function(resp){
				if(resp.code == '0'){
					//创建节点
					let inf = document.createElement('select');
					inf.id = "deptid";
					inf.className = "form-control";
					let opt = '';
					resp.data.forEach(item=>{
						opt += `
							<option value="${item.id}">${item.name}</option>
						`;
					})
					inf.innerHTML = opt;
					//压入
					document.getElementById('deptidPrent').appendChild(inf);
				}
			}
		})
	}

拿到选中的option信息：

<option value="${item.id}">${item.name}</option>

拿到value

document.getElementById('deptid').value

拿到text

let index = document.getElementById('deptid').selectedIndex;
document.getElementById('deptid')[index ].text

selectedIndex 可以拿到选中的那条信息下标