Chr*_*eil 5 javascript jquery jquery-chosen
我正在使用Chosen库(http://harvesthq.github.com/chosen/)作为JQuery插件来增强选择元素.我需要最初隐藏(然后淡出)选择,但下面的方式似乎不起作用.
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="chosen/chosen.css" />
</head>
<body>
<select id="firstChosenSelect" data-placeholder="Choose a Country..." style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="chosen/chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$('#firstChosenSelect').chosen();
$('#firstChosenSelect').hide();
</script>
</body></html>
将选择放入范围并隐藏/显示范围
在HTML中
<span id="spanForfirstChosenSelect" >
<select id="firstChosenSelect" data-placeholder="Choose a Country..." style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
</select>
</span>
在javascript中
<scirpt type="text/javascript>
document.getElementById('spanForfirstChosenSelect').display = 'none';
</script>
在jQuery中
<scirpt type="text/javascript>
$('spanForfirstChosenSelect').hide();
</script>
| 归档时间： |
|
| 查看次数： |
12330 次 |
| 最近记录： |