bootstarp 动态获取下拉框的值以及选中事件

动态获取下拉框的值

<!-- 我是写在一个表格里 -->
<table>
	<tr class="visit_ts_" style="display: none;">
		<th>选择技术支持人员<font size="4" class="red"> *</font></th>
			<td colspan="1">
				<select id="getchnical" name="getchnical" class="form-control input-sm" required="required"></select>
			</td>
	</tr>
</table>

<!-- js代码 -->
<script type="text/javascript">
	$(function(){ //页面加载调用
		ajaxRmsTechnical();
	});
	function ajaxRmsTechnical(){
		$.ajax({
			url : 你的请求数据url,
			async: false,
			data : {
				
			},
			type : 'post',
			dataType: "json",
			success: function(data){
				$("#getchnical").find("option").remove();
				$("#getchnical").append("<option value=''>--请选择--</option>");
				//data.data.resultList.lengthg根据自己的返回数据格式获取
				for(var i=0; i<data.data.resultList.length; i++){  
					var o = data.data.resultList[i];
					$("#getchnical").append("<option value='"+ o.resourceCode +"'>"+ o.resourceName+"</option>");
				}
			}
		});
	}
</script>

效果：

选中事件

//直接上js代码
$("#getchnical").change(function() {
		var key = $(this).val();
		var value = $('#getchnical option:selected').text();
		console.log("key:"+key);
		console.log("value:"+value );
	})

本文为原创，拽在请标明出处~谢谢