我打开页面,在下拉列表中选择选项(值=“26”),但“rentDropDown”div未显示。如果从页面打开中选择选项
,如何使其显示<select name="prop_action_category" id="prop_action_category_submit" class="select-submit2" onchange="toggle(this)">
<option value="" disabled selected style="display:none;">Label</option>
<option value="-1">None</option>
<option class="level-0" value="26" selected="selected">1</option>
<option class="level-0" value="28">2</option>
</select>
<p class="half_form half_form_last" id="rentDropDown" style="display: block;">
<select name="property_label" class="cd-select">
<option value="">Default</option>
<option value="/ 1">Per month</option>
<option value="/ 2">Per week</option>
</select>
</p>
function toggle(el){
var value = el.options[el.selectedIndex].value,
div = document.getElementById('rentDropDown');
if (value === '28' || value ==='-1') {
div.style.display = 'none';
} else if (value === '26') {
div.style.display = 'block';
}
}
答案 0 :(得分:1)
只需在页面加载时调用toggle
函数:
toggle(document.getElementById('prop_action_category_submit'));