以这样的代码为例,
<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>