Discussion :

[mahdiweb]

J'essaie de sélectionner une option dans une liste déroulante via une extension chrome avec javascript. mais Lorsque je sélectionne normalement une option dans la première liste déroulante la deuxième liste reste grisée sans aucun changement malgré les nombreuses méthodes utilisées , en voici les exemples :

en jquery

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$("#categorisation_1").val($("#categorisation_1 option").eq(1).val());
$('#categorisation_1').val('1: Object').change();
$('#categorisation_1').val('1: Object').dblclick();
$('#categorisation_1>option:eq(1)').prop('selected', true);
$("#categorisation_1").val('1: Object').trigger('change');
$('#categorisation_1').val('1: Object');
$('#categorisation_1>option:eq(1)').attr('selected', 'selected').trigger('change');
$('#categorisation_1').find('option:eq(1)').attr('selected', true);

en javascript

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
document.getElementById('categorisation_1').options[1].selected=true;
document.getElementById('categorisation_1').value = '1: Object';
document.getElementById("categorisation_1").selectedIndex = 1;
document.getElementById('categorisation_1').getElementsByTagName('option')[1].selected = 'selected';
document.getElementById('categorisation_1').value = '1: Object';
document.getElementById('categorisation_1').focus();
document.getElementById('categorisation_1').value = '1: Object';
document.getElementById("categorisation_1").options[1].selected = "selected";
document.getElementById('categorisation_1').getElementsByTagName('option')[1].selected = 'selected'
*******************
var select = document.getElementById("categorisation_1");
select.size = select.options.length;
******
document.getElementById('categorisation_1').setAttribute('size', 1);
********************
Array.from(document.getElementById('categorisation_1').options)
    .filter(x => x.value === "1: Object")[0]
      .setAttribute('selected', true);

Rien n'a fonctionné, Ils modifient la valeur dans la première liste déroulante mais la deuxième liste déroulante reste grisé, Existe-t-il un moyen pour simuler un clic humain via javascript sur un bouton du clavier ou toute autre méthode ?

pour plus de détail voici Pièce jointe 625448 de quoi je parle ils sont 4 listes liées et grisées il faut obligatoirement que je rempli la première manuellement pour avoir l'accès aux autres

les codes sources de la première (categorisation_1) et deuxième liste (categorisation_2) sont : Pièce jointe 625448Pièce jointe 625451