如何选择两次相同的选项

时间:2015-05-11 15:20:40

标签: javascript

我打开页面,在下拉列表中选择选项(值=“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';
         }
     } 

1 个答案:

答案 0 :(得分:1)

只需在页面加载时调用toggle函数:

toggle(document.getElementById('prop_action_category_submit'));