Ajouter une option à une "select list" grâce à une "textbox" [Résolu]
psykouz
- Messages postés
- 4
- Date d'inscription
- mercredi 29 mars 2006
- Dernière intervention
- 18 juin 2008
- Messages postés
- 12
- Date d'inscription
- jeudi 20 mars 2008
- Dernière intervention
- 22 octobre 2010
A voir également:
- Select javascript
- Javascript select - Meilleures réponses
- Select list - Meilleures réponses
- Select javascript probleme d'affichage ✓ - Forum - Javascript / DHTML
- Javascript : Select backgroundcolor - CodeS SourceS - Guide
- Javascript : Récupérer toutes les valeurs d'un select multiple dans une variable php - - Guide
- Javascript : Sélection de smileys avec javascript - CodeS SourceS - Guide
- Javascript : Cadre ou rectangle de sélection ( un peu comme sous le bureau windows ) - CodeS - Guide
7 réponses
Meilleure réponse
- Messages postés
- 510
- Date d'inscription
- lundi 27 novembre 2006
- Dernière intervention
- 5 juillet 2009
var newText = document.getElementById('Filtername2').innerHTML;
var newValue = document.getElementById('Filtername2').innerHTML;
Je crois qu'il faut remplacer 'innerHTML' par 'value'
var newValue = document.getElementById('Filtername2').innerHTML;
Je crois qu'il faut remplacer 'innerHTML' par 'value'
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
117 internautes nous ont dit merci ce mois-ci
- Messages postés
- 4
- Date d'inscription
- mercredi 29 mars 2006
- Dernière intervention
- 18 juin 2008
j'ai changé le onclick par: onclick="ios++; insertOldSchool(this.form.Filtername, 'Insert', 'insert');"
le javascript:
var ios = 0;
var aos = 0;
function insertOldSchool(theSel)
{
var newText = document.getElementById('Filtername2').innerHTML;
var newValue = document.getElementById('Filtername2').innerHTML;
if (theSel.length == 0) {
var newOpt1 = new Option(newText, newValue);
theSel.options[0] = newOpt1;
theSel.selectedIndex = 0;
} else if (theSel.selectedIndex != -1) {
var selText = new Array();
var selValues = new Array();
var selIsSel = new Array();
var newCount = -1;
var newSelected = -1;
var i;
for(i=0; i<theSel.length; i++)
{
newCount++;
if (newCount == theSel.selectedIndex) {
selText[newCount] = newText;
selValues[newCount] = newValue;
selIsSel[newCount] = false;
newCount++;
newSelected = newCount;
}
selText[newCount] = theSel.options[i].text;
selValues[newCount] = theSel.options[i].value;
selIsSel[newCount] = theSel.options[i].selected;
}
for(i=0; i<=newCount; i++)
{
var newOpt = new Option(selText[i], selValues[i]);
theSel.options[i] = newOpt;
theSel.options[i].selected = selIsSel[i];
}
}
}
le javascript:
var ios = 0;
var aos = 0;
function insertOldSchool(theSel)
{
var newText = document.getElementById('Filtername2').innerHTML;
var newValue = document.getElementById('Filtername2').innerHTML;
if (theSel.length == 0) {
var newOpt1 = new Option(newText, newValue);
theSel.options[0] = newOpt1;
theSel.selectedIndex = 0;
} else if (theSel.selectedIndex != -1) {
var selText = new Array();
var selValues = new Array();
var selIsSel = new Array();
var newCount = -1;
var newSelected = -1;
var i;
for(i=0; i<theSel.length; i++)
{
newCount++;
if (newCount == theSel.selectedIndex) {
selText[newCount] = newText;
selValues[newCount] = newValue;
selIsSel[newCount] = false;
newCount++;
newSelected = newCount;
}
selText[newCount] = theSel.options[i].text;
selValues[newCount] = theSel.options[i].value;
selIsSel[newCount] = theSel.options[i].selected;
}
for(i=0; i<=newCount; i++)
{
var newOpt = new Option(selText[i], selValues[i]);
theSel.options[i] = newOpt;
theSel.options[i].selected = selIsSel[i];
}
}
}
- Messages postés
- 1672
- Date d'inscription
- vendredi 9 mai 2008
- Dernière intervention
- 19 mars 2019
il y a aussi cette methode
<html>
<head>
<script>
var incr=0
function AddItems(ma){
incr++
document.getElementById('Filtername').appendChild(document.createElement('option')).setAttribute("id",incr);
document.getElementById(incr).innerHTML=document.getElementById('Filtername2').value
}
</script>
</head>
>>" onclick="AddItems()">
<SELECT id="Filtername" size="10" multiple >
</SELECT>
</html>
<html>
<head>
<script>
var incr=0
function AddItems(ma){
incr++
document.getElementById('Filtername').appendChild(document.createElement('option')).setAttribute("id",incr);
document.getElementById(incr).innerHTML=document.getElementById('Filtername2').value
}
</script>
</head>
>>" onclick="AddItems()">
<SELECT id="Filtername" size="10" multiple >
</SELECT>
</html>
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.