<div class="box">
<select name="test" class="test">
<option value="000" class="active">请选择您要使用的设备类型</option>
<option value="001">惠普扫描仪G5590</option>
<option value="002">惠普扫描仪G2410</option>
<option value="003">惠普扫描仪G3110</option>
<option value="004">惠普扫描仪G5590</option>
<option value="005">惠普扫描仪G2410</option>
<option value="006">惠普扫描仪G3110</option>
</select>
<select name="test" class="test">
<option value="000" class="active">请选择您要使用的设备类型</option>
<option value="001">惠普扫描仪G5590</option>
<option value="002">惠普扫描仪G2410</option>
<option value="003">惠普扫描仪G3110</option>
<option value="004">惠普扫描仪G5590</option>
<option value="005">惠普扫描仪G2410</option>
<option value="006">惠普扫描仪G3110</option>
</select>
</div>
<p class="p"></p>
<p class="p2"></p>
<script src="js/jquery.js"></script>
<script type="text/javascript">
var lastIndex , lastValue , text;
$(".box").delegate(".test","click",function(){
text = $(this).find("option:selected").text();
})
$(".box").delegate(".test","change",function(){
$(".p").html(text);
var selectedText = $(this).find("option:selected").text();
$(".p2").html(selectedText);
})
</script>
使用的是代理的方式。
select标签输出选中的值和保存上一个选中的值
最新推荐文章于 2023-08-02 23:14:30 发布