<select id = "mySelectID" name = "select" data-sel="select">
                        <option value=""></option>
                    </select>
  var jsonData = [{"id":"jmbaaaro@kaps.co.ke","passkey":null},{"id":"willson@gmail.com","passkey":"3694"},{"id":"info@llvswaterboard.go.ke","passkey":null},{"id":"rundda@athiwater.com","passkey":"5576"},{"id":"pk@.k.com","passkey":"1835"},{"id":"pkinnyanjui@kaps.co.ke","passkey":null},{"id":"wilsson@gmail.com","passkey":"3694"}{"id":"wycllif@kaps.co.ke","passkey":"2318"},{"id":"wycllif@gmail.com","passkey":"2318"},{"id":"alexx@gmail.com","passkey":"2710"},{"id":"wilsson@gmail.com","passkey":"3694"},{"id":"barbeggambo@gmail.com","passkey":"8917"},{"id":"bachu@gmail.com","passkey":"5857"}]

               javascript code



           var jsonData = JSON.parse(data);

            //var jsonData = JSON.parse(s);

            var select = $$('#mySelectID');
                for (var i = 0; i < jsonData.length; i++) {

                var option = $$("<option/>").attr("value",

select.append(option);
                }

                     $$("select#mySelectID").change(function(){
                     var selectedmail = $$("#mySelectID").val();
                     var s = jsonData.filter(function (e){
                         return e.id ==='3694';

                     });