利用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>