2012-03-29 18 views
1

ich frage mich, wenn Jquery verwendet werden kann, mein „wählen Sie“ HTML-Element als solches zu manipulieren:Mit Jquery die Anzahl der Elemente zählen?

ich verschiedene Mitgliedschaften drei haben, Gold, Silber und Premium-,

So Gold wird dem Benutzer ermöglichen, auszuwählen. bis zu 50 Wörtern, während Silver dem Benutzer erlaubt, bis zu 10 Wörter auszuwählen. Also habe ich mich gefragt, ob ich den Rest der Optionen deaktivieren kann, nachdem ein Benutzer 10 oder 50 wählt, abhängig von der Art der gewählten Mitgliedschaft.

Ist das in JQuery möglich? Ich kann mich nicht um das Format kümmern.

Antwort

2

Here we go:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery.min.js"></script> 
    <script> 
     $('document').ready(function() { 
      var count; // number of selected elements 
      var type = "silver"; //lets assume the 'type' as silver and can select 3 elements 

      $('#selectElem').bind('click', function (e) { 
       count = $('#selectElem :selected').length; 
       switch (type) { 
       case "gold": 
        //do somthing.. 
        break; 
       case "silver": 
        if(count >= 3) { 
         // disable the rest of the elems 
         $('#selectElem :not(:selected)').attr('disabled', 'disabled'); 
        } else { 
         // remove disabled elems if any 
         $('#selectElem :not(:selected)').removeAttr('disabled'); 
        }     
        break; 
       } 
      }); 
     });  
    </script> 
</head> 

<body> 
    <div> 
     <select id="selectElem" multiple="multiple"> 
      <option value="1">One</option> 
      <option value="2">Two</option> 
      <option value="3">Three</option> 
      <option value="4">Four</option> 
      <option value="5">Five</option> 
      <option value="6">Six</option> 
      <option value="7">Seven</option> 
     </select> 
    </div> 
</body> 
</html> 

Beispiel: http://jsfiddle.net/kadaj/RRHCs/

+1

Dank @kadaj! wirklich hilfreicher Beitrag! : D ich schätze es. –

Verwandte Themen