2010-12-31 2 views
0

У меня есть пять (5) отдельных выпадающих списков на моей веб-странице.проверка нескольких выпадающих списков с использованием javascript/jquery

  1. города
  2. iptypes
  3. цели
  4. Биллингс
  5. протоколы

Я хочу, чтобы подтвердить, что пользователь должен иметь по-крайней мере, чтобы выбрать любую из [выпадающего списка] из их [из 5 выпадающих списков], чтобы продолжить следующий

ответ

0

Если предположить, что падение падения имеет класс называется mySelects,

if ($('.mySelects option:selected').length == 0) 
{ 
    // no drop-down has selected 
} 
+0

VinayC, пожалуйста, отправьте полный код – shaji

+0

VinayC: это не сработает, если у каждого из них есть опция «Пожалуйста, выберите»? – mplungjan

+0

Большое спасибо VinayC – shaji

0

HTML:

<form onsubmit='return checkvalue();'> 
    <p><label for='cities'>City: </label> 
    <select id='cities' name='cities' > 
     <option value=''>Please select city</option> 
     <option value='city1'>City 1</option> 
     <option value='city2'>City 2</option> 
     <option value='.....'>.....</option> 
    </select> 
    </p> 

    <p><label for='iptypes'>IP Types: </label> 
    <select id='iptypes' name='iptypes' > 
     <option value=''>Please IP Type</option> 
     <option value='type1'>Type 1</option> 
     <option value='type2'>Type 2</option> 
     <option value='.....'>.....</option> 
    </select> 
    </p> 

    <p><label for='purposes'>Purposes: </label> 
    <select id='purposes' name='purposes' > 
     <option value=''>Please select Purpose</option> 
     <option value='purpose1'>Purpose 1</option> 
     <option value='purpose2'>Purpose 2</option> 
     <option value='.....'>.....</option> 
    </select> 
    </p> 

    <p><label for='billings'>Billing: </label> 
    <select id='billings' name='billings' > 
     <option value=''>Please select billing</option> 
     <option value='billing1'>Billing 1</option> 
     <option value='billing2'>Billing 2</option> 
     <option value='.....'>.....</option> 
    </select> 
    </p> 

    <p><label for='protocols'>Protocols: </label> 
    <select id='protocols' name='protocols' > 
     <option value=''>Please select protocol</option> 
     <option value='protocol1'>Protocol 1</option> 
     <option value='protocol2'>Protocol 2</option> 
     <option value='.....'>.....</option> 
    </select> 
    </p> 
</form> 

JavaScript:

function checkvalue() { 
     if(document.getElementById('cities').value !== '' || 
      document.getElementById('iptypes').value !== '' || 
      document.getElementById('purposes').value !== '' || 
      document.getElementById('billings').value !== '' || 
      document.getElementById('protocols').value !== '' 
     ) 
    { 
     return true; 
    } 

    alert('Please select at least one value'); 
    return false; 
} 
+0

шань, пожалуйста, пришлите мне полный код – shaji

+0

Ok позвольте мне изменить мой ответ – shankhan

+0

вы так много shankhan – shaji

1

Сделать взаимоисключающие проверку легко Ketchup plugin.

Вы можете увидеть образец в демо для CheckBox es.

Или вы можете назначить им одно и то же имя и выбрать их выбранные параметры и проверить его длину, например, что сделал VinayC, а затем показать сообщение.

+0

Добро пожаловать чувак, поэтому постарайтесь отметить один из ответов в ответ (не обязательно мой), если он решит вашу проблему :-) –

Смежные вопросы