Michael's questions

Estou criando um formulário onde o usuário seleciona os menus suspensos de 1 a 5. Com base no que ele seleciona para o Menu Suspenso 1, o Menu Suspenso 2 exibirá opções específicas, selecionar o Menu Suspenso 2 definirá o Menu Suspenso 3, e assim por diante.

Quando você chegar ao Drop Down 3, algumas dessas opções no Drop Down 3 usarão as mesmas opções do Drop Down 4.

Atualmente, estou escrevendo uma matriz de quando você seleciona uma opção específica, mas em vez de repetir o texto do Drop Down 4 várias vezes para acompanhar cada opção do Drop Down 3, há uma maneira de escrever as strings uma vez e aplicá-las a várias propriedades?

Veja como eu exibi as opções e quero escrever "Criação de conta", "Exclusão de conta" e "Modificação de conta" apenas uma vez, mas aplicá-las à Escolha 1, 2, 3, etc.

var Tier4ByTier3 = {
   "Choice 1": [
       " ";
       "Account Creation",
       "Account Deletion",
       "Account Modification",
   ],
   "Choice 2": [
       " ";
       "Account Creation",
       "Account Deletion",
       "Account Modification",
   ],
   "Choice 3": [
       " ";
       "Account Creation",
       "Account Deletion",
       "Account Modification",
   ],
}

Este é o meu JavaScript que extrai essas opções:

function ChangeDropdown4(value) {
     if (value.length == 0) document.getElementById("Tier4").innerHTML = "<option></option>";
        else {
           var Tier4Options = "";
           for (Tier4Id in Tier4ByTier3[value]) {
                Tier4Options += "<option>" + Tier4ByTier3[value][Tier4Id] + "</option>";
           }
           document.getElementById("Tier4List").innherHTML = Tier4Options;
        }
}

Veja como o HTML se parece:

<input type="text" list="Tier4List" id="Tier4" onChange="ChangeDropdown4(this.value);">

Tenho um script que limpa o conteúdo de um campo de entrada quando clicado. Atualmente, tudo funciona bem, mas ao validar meu script, recebo uma mensagem de "evento" depreciado. Existe uma maneira alternativa de realizar o que estou fazendo em JavaScript?

HTML:

<button class="ClearElementsBtn" onClick="ClearElementName('InputID');"></button>

JavaScript:

function ClearElementName(ElementName) {
 var clickedelement = event.target
 var elementsbyname = document.getElementsByName(ElementName)
 var TemplateCount = elementsbyname.length;
 if (TemplateCount > 0) {
      for (let Group = 0; Group < TemplateCount; Group++) {
           if (clickedelement.parentElement.parentElement.contains(elementsbyname[Group])) {
                elementsbyname[Group].value = "";
           }
       }
 }
}

Meu código é escrito para a página de modelo em que é usado dessa forma porque, ao preencher o modelo, se o usuário precisar adicionar um segundo modelo para adicionar outro conjunto de dados, o segundo modelo terá o mesmo nome e IDs, então este script é assim para permitir que botões de limpeza adicionais com os mesmos nomes funcionem. Caso contrário, um código mais simples que usei apagou apenas a primeira instância de um nome e não as outras.