利用jQuery来反选Select

以这样的代码为例，

 

<select id="branchName">
    <option value="10">北京分公司</option>
    <option value="11">天津分公司</option>
    <option value="12">河北分公司</option>
    <option value="13">山西分公司</option>
</select>

 

 

通常情况下，我们可以用“document.getElementById(‘branchName’).value = 12”代码来让branchName来选定12对应的“河北分公司”。

 

那么，如果给一个“河北分公司”，我们怎么来让branchName的value选定为12呢？

 

用jQuery可以做如下实现：

 

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<select id="branchName">
    <option value="10">北京分公司</option>
    <option value="11">天津分公司</option>
    <option value="12">河北分公司</option>
    <option value="13">山西分公司</option>
</select>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script>	
	var wantedValue = '山西分公司';
	
	$('#branchName option').each(function(){
			var value = $(this).val();
			var text = $(this).text();
			
			if(text == wantedValue){
					$('#branchName').val(value);
					return false;
			}
	});
	
</script>