如何根据变量的值赋值给option为选中

uguo 2013-08-30 10:30:01

如何根据变量的值赋值给option为选中
比如变量a="1, 3"



<select id="multiple" multiple="multiple" name="multiple">

    <option value='1'>Multiple</option>

    <option value='2'>Multiple2</option>

    <option value='3'>Multiple3</option>

    <option value='4'>Multiple4</option>

  </select>





赋值后的结果



<select id="multiple" multiple="multiple" name="multiple">

    <option value='1' selected="selected">Multiple</option>

    <option value='2'>Multiple2</option>

    <option value='3' selected="selected">Multiple3</option>

	<option value='4'>Multiple4</option>

  </select>

...全文

435 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

一把编程的菜刀 2013-08-30

打赏
举报

引用楼主 u011816534 的回复:

如何根据变量的值赋值给option为选中比如变量a="1, 3"


<select id="multiple" multiple="multiple" name="multiple">
    <option value='1'>Multiple</option>
    <option value='2'>Multiple2</option>
    <option value='3'>Multiple3</option>
    <option value='4'>Multiple4</option>
  </select>



赋值后的结果

<select id="multiple" multiple="multiple" name="multiple">
    <option value='1' selected="selected">Multiple</option>
    <option value='2'>Multiple2</option>
    <option value='3' selected="selected">Multiple3</option>
	<option value='4'>Multiple4</option>
  </select>

不知道你是想用的asp还是js asp的话，只要用判断就可以了比如

<select id="multiple" multiple="multiple" name="multiple">
    <option value='1'<%if a=1 then%> selected="selected"<%end if%>>Multiple</option>
    <option value='2'<%if a=2 then%> selected="selected"<%end if%>>Multiple2</option>
    <option value='3'<%if a=3 then%> selected="selected"<%end if%>>Multiple3</option>
	<option value='4'<%if a=4 then%> selected="selected"<%end if%>>Multiple4</option>
  </select>

大概举的例子，你根据你自己的修改下判断条件就可以了

街头小贩 2013-08-30

打赏
举报


jQuery(function($){
	var a=$('#multiple').attr('data');

	$('#multiple option').filter(function(){
		return 	a.indexOf($(this).val())!= -1;
	}).attr('selected',true);
});

val 在单值的情况是没问题

街头小贩 2013-08-30

打赏
举报


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head>

<body>

<select id="multiple" multiple="multiple" name="multiple" data="1,3">
    <option value='1'>Multiple</option>
    <option value='2'>Multiple2</option>
    <option value='3'>Multiple3</option>
    <option value='4'>Multiple4</option>
</select>
<script type="text/javascript">
jQuery(function($){
	var a=$('#multiple').attr('data');
	$('#multiple option').each(function() {
    	if(a.indexOf($(this).val())!= -1){
			$(this).attr('selected',true);	
		}
	});
});
</script>
</body>
</html>