[英]Drop down list item
我有一個<select>
字段,其中顯示了選擇列表項時的隱藏div。
<select>
有樹項目,每個項目都顯示隱藏的div。
我需要的是選擇第三個項目並刷新頁面后,不再選擇第三個項目,而是將其更改為第一個項目。
我在<option>
代碼中嘗試了selected="selected"
,但沒有成功。
<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
$("#column_select").change(function() {
$('div[id^=layout_select]').hide();
$('.'+this.value).show();
});
});
//]]>
</script>
</head>
<body>
<!-- this controls the selection of columns -->
<select name="column_selec" id="column_select">
<option value="col1" selected="selected">1 column</option>
<option value="col2">2 column</option>
<option value="col3">3 column</option>
</select>
<!-- this controls the selection of columns -->
<!-- if '1 column' is selected this div is shown -->
<div id="layout_select1" class="col1">You only have one column!</div>
<!-- if '2 column' is selected this div is shown -->
<div id="layout_select2" class="col2" style="display:none">
<input type="radio" id="'.$option[0].'" name="'.$option[0].'" size="25" value="lay1" '.$layout1.' />imaage1
<input type="radio" id="'.$option[0].'" name="'.$option[0].'" size="25" value="lay2" '.$layout2.' />imaage2 </div>
<!-- if '3 column' is selected this div is shown -->
<div id="layout_select3" class="col3" style="display:none">
<input type="radio" id="'.$option[0].'" name="'.$option[0].'" size="25" value="lay3" '.$layout3.' />imaage3
<input type="radio" id="'.$option[0].'" name="'.$option[0].'" size="25" value="lay4" '.$layout4.' />imaage4
<input type="radio" id="'.$option[0].'" name="'.$option[0].'" size="25" value="lay5" '.$layout5.' />imaage5
</div>
嘗試此代碼,這將在頁面刷新時選擇下拉菜單中的第一個選項
$(document).ready(function(){
$('#column_select').val('col1');
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.