une question input avec id

Question

Bonjour, 
j'ai un selec loisir avec des mots cinema musique etc...
et j'ai mis
id=cinema"
id=musique"
là pas de souci
et j'ai mis un autre selec sortie avec des mots balader, cinéma musique 
id=cinema"
id="balader"
là il me dit erreur d'id sur cinema 
car il voit 2 fois id cinema
comment je peut faire quand j'ai 2 id avec le même mot 
es-ce que je dois metre id="cinema1" et id="cinema2"
merci
Configuration: Windows / Chrome 55.0.2883.87

jordane45 · Answer

Bonjour,
1 - Il nous faut ton code "exact".
2 - L'erreur... elle vient d'où ? Javascript ? Php ? Autre ?? 
A quelle moment se produit-elle ?
Sans ses infos.. impossible de te répondre.

Pitet · Answer

Salut,

Les attributs id doivent être uniques, tu ne dois pas avoir deux id avec la même valeur.

Néanmoins tes balises select ne devraient pas avoir besoin d'attributs id. Ta balise select doit posséder un attribut name pour récupérer le choix de l'utilisateur et contenir des balises option possédant des attributs value :

<select name="monselect">
  <option value="valeur1">Valeur 1</option> 
  <option value="valeur2">Valeur 2</option>
  <option value="valeur3">Valeur 3</option>
</select>

Essaye de n'utiliser les attributs id uniquement pour créer des ancres ou pour effectuer des traitements en javascript.

Bonne journée,

romeo · Answer

arffffff voilà html d'un selec ou on coche les loisirs et voilà un autre et là c'est pour coché les sortit et l'erreur c'est Error: Duplicate ID cinema. From line 1083, column 8; to line 1083, column 73 i>↩

cinéma Warning: The first occurrence of ID cinema was here. From line 1045, column 8; to line 1045, column 73 l>↩

cinéma Error: Duplicate ID restaurant. From line 1089, column 8; to line 1089, column 85 i>↩

restau Warning: The first occurrence of ID restaurant was here. From line 1046, column 8; to line 1046, column 85 i>↩

restau moi perso je veux bien suprimer le id et name mais on m'a dit qu'il faut le mettre id name ces code là c 'est pour coché plusieurs option merci

romeo · Answer

en faite j'ai mis ca pour jquery

// JavaScript Document

//Toggle de la liste
var obj, selectVal = {},index_parent, strings = {}, target;
$(".multiple-choix").on("click", ".hida1", function() {
    $(".mutliSelect1 ol").not($(".mutliSelect1 ol", $(this).parent())).slideUp('500');
    $(".mutliSelect1 ol", $(this).parent()).slideToggle('500');
    target = $(this).parent();
  })
  //Reporter valeur directement après on "click"
  .on("change", "input[type='checkbox']", function() {
    //index_parent = $(this).parents("dl").index(".multiple-choix");
    obj = $(this).parents('.multiple-choix').find(".hida1 span"); 			var iterator = parseInt($(this).parents("dl").index(".multiple-choix"));
   
     
    if(strings[iterator]==undefined)
			strings[iterator] = {};
    if(selectVal[iterator]==undefined)
    	selectVal[iterator] = "";
     
    $(this).each(function() {
     //pour chaque checkbox dont la valeur est true
      if ($(this).is(':checked')) {
 				strings[iterator][$(this).val()] = $(this).val();
      }else{
      	delete(strings[iterator][$(this).val()]);
      }
			
       if(selectVal[iterator]=="")
    		selectVal[iterator] = obj.text();
      
     	var default_text = selectVal[iterator];
      if(Object.keys(strings[iterator]).length < 1){
      	strings[iterator][default_text] = default_text;
      }else{
      	delete(strings[iterator][default_text]);
      }
      
      var result = joinObj(sortObj(strings[iterator]),", ");
      var optionnal_panel = target.find("p.choix-membre");
      var optionnal_panel2 = $("p.choix-membre[data-for-select=\"" + default_text + "\"");
      if(optionnal_panel.length){
      	obj.text(default_text);
        optionnal_panel.text(result);
     	}else if(optionnal_panel2.length){
      	obj.text(default_text);
        optionnal_panel2.text(result);
      }else
      	obj.text(result);
      /*console.log(" index_parent :" + index_parent + " nodeName :" + obj.get(0).nodeName + " selectVal :" + selectVal);*/
 $(this).parents('.multiple-choix').trigger("value_changed",[result]);
    });
 		
 		
  });
  
  
  $(".choix").each(function() {
  	var li = $(this).find("li");
    var name = $(this).data("name");
    li.each(function(){
    	$(this).css("cursor","pointer");
      $(this).prepend("<input type=\"checkbox\" name=\""+name+"\" value=\""+$(this).text()+"\" style=\"display:none;\" />");
    });
  });
  $(".choix").on("click", ".hida1", function() {

    $(".mutliSelect1 ol").not($(".mutliSelect1 ol", $(this).parent())).slideUp('500');
    $(".mutliSelect1 ol", $(this).parent()).slideToggle('500');
    target = $(this).parent();
  })

  $('.choix').on("click","li", function(){
  console.log("j");
  	  var name = $(this).parents('.choix').data("name");
      var val = $(this).text();
      var hida = $(this).parents('.choix').find(".hida1");
     	var checkbox = $(this).find("input[name=\""+name+"\"][value=\""+val+"\"][type=checkbox]");
      console.log(checkbox);
      hida.text(val);
      
      $(this).find("input[type=checkbox]").each(function(){
      	$(this).prop("checked",false);
      });
      
      checkbox.prop("checked",true);
      hida.trigger("click");
  });



$(".multiple-choix").on("value_changed",function(e,value){
	$(".choix-membre").text(value);
});




function joinObj(a, delemiter) {
  var out = []; 
  for(var key in a){
  	out.push(a[key]);
  }
  return out.join(delemiter);
}

function sortObj(obj) {
    "use strict";

    function Obj2Array(obj) {
        var newObj = [];
        for (var key in obj) {
            if (!obj.hasOwnProperty(key)) return;
            var value = [key, obj[key]];
            newObj.push(value);
        }
        return newObj;
    }

    var sortedArray = Obj2Array(obj).sort(function(a, b) {
        if (a[1] < b[1]) return -1;
        if (a[1] > b[1]) return 1;
        return 0;
    });

    function recreateSortedObject(targ) {
        var sortedObj = {};
        for (var i = 0; i < targ.length; i++) {
            sortedObj[targ[i][0]] = targ[i][1];
        }
        return sortedObj;
    }
    return recreateSortedObject(sortedArray);
}

à mon avis je peux suprimé id et voir name et je garde value

tu me diras si je ne me trompe pas ;)

Une question input avec id

4 réponses

Discussions similaires

Newsletters