none
Disparar um JavaScript na ABA Console no Internet Explorer (F12) Ferramentas do Desenvolvedor RRS feed

  • Pergunta

  • Por favor,

        Estou tentando tornar visível uma combobox dentro de uma página.

        Estou usando o Internet Explorer com "F12" (Ferramentas do Desenvolvedor) ABA "Console" disparando o comando na linha de comando embaixo.

        Para essa Combobox ficar visível é preciso que outra Combo tenha um valor Específico.

        Exemplo: "Conta Corrente":

    <div class="ui-widget ui-combobox ui-required mode-edit" id="cd_liquid" style="left: 144px; top: 156px;" data-widget="combobox" data-block="COT_MOVIM_ED" data-member="CD_LIQUIDA" data-action="selectionChanged" data-name="cd_liquid">
        <select name="cd_liquid" class="ui-widget-content ui-corner-all" id="#cd_liquid" style="width: 184px; height: 16px; display: none;">
            <option value="CE">Conta Estrangeira</option>
            <option value="CC">Conta Corrente</option>
            <option value="CP">Conta Poupança</option>
        </select>
        <input class="ui-autocomplete-input ui-widget-content ui-corner-left" id="pdcme_liquid" style="width: 168px; height: 16px;" type="text" value="" />
        <button tabIndex="-1" class="ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right ui-button-icon" role="button" aria-disabled="false" style="left: 168px; width: 16px; height: 16px;" type="button">
            <span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-text">&nbsp;</span>
        </button>
        <label style="left: auto; width: 141px; right: 0px;" for="pdcme_liquid">Forma Liquidação</label>
    </div>

        Estou tentando fazer assim:

        1º) ISSO FUNCIONA -> A ".val" coloca dentro da combo o valor 'Conta Corrente', dessa forma:

     $('#pdcme_liquid').val('Conta Corrente')


        2º) PROBLEMA É AQUI -> Com o valor já colocado dentro, agora preciso que o Javascript "entenda" isso e dispare um evento para tornar visível a outra ComboBox. Já tentei isso:

    $('#pdcme_liquid').change()
    $('#pdcme_liquid').click()
    $('#pdcme_liquid').contextmenu()
    $('#pdcme_liquid').focus()
    $('#pdcme_liquid').focusin() 
    $('#pdcme_liquid').focusout() 
    $('#pdcme_liquid').keydown()
    $('#pdcme_liquid').keypress()
    $('#pdcme_liquid').keyup()
    $('#pdcme_liquid').load()
    $('#pdcme_liquid').mousedown()
    $('#pdcme_liquid').mouseenter()
    $('#pdcme_liquid').ready()
    $('#pdcme_liquid').select()
    $('#pdcme_liquid').submit()
    $('#pdcme_liquid').trigger()
    $('#pdcme_liquid').triggerHandler()


        Estou tentando no objeto INPUT, Mas não sei se devo disparar um evento no SELECT ou no BUTTON?!?

        OU devo selecionar o valor do item "CC" da select e depois disparar um evento para que o javascript interno mostre oa próxima combobox?!?

        Agradeço qualquer ajuda, dica, link explicativo, luz, etc...

    []'s,
    Fabio I.
    • Editado Fabio I terça-feira, 7 de janeiro de 2020 17:22
    terça-feira, 7 de janeiro de 2020 13:36

Todas as Respostas

  • O que você quer fazer é que ao selecionar um valor no primeiro SELECT ele execute uma outra ação?
    Se puder colocar o trecho que tentou no seu jquery/js
    terça-feira, 7 de janeiro de 2020 17:18
  • Luciano .NET Developer,

       Isso! Quando a primeira combo é selecionada, ela abre para "visible" a segunda combo. Se eu uso o "Console", consigo colocar um valor na combo dessa forma:

    $('#pdcme_liquid').val('Conta Corrente')


       Porém o Javascript NÃO é disparado para deixar visível a segunda combo.

       EXEMPLO, imagine duas combos: 

       Uma como com o nome dos Estados do Brasil e outra com o nome dos Municípios do Brasil.

       1 - A combo Estados está visível;
       2 - A combo Municípios está invisível;

       Eu consigo usar o atributo ".val(" para gravar o nome do estado dentro da combo Estados. Exemplo: "Minas Gerais". A segunda combo está oculta (invisível na tela) e passará a ficar visível somente com o nome dos municípios de Minas Gerais.

       Eu só quero que a combo Municípios passe a ficar visível.

    ========================================
    Atributos

    https://api.jquery.com/category/attributes/
    ========================================
    Eventos

    https://api.jquery.com/category/events/
    ========================================

    []'s,
    Fabio I.

    • Editado Fabio I terça-feira, 7 de janeiro de 2020 17:30
    terça-feira, 7 de janeiro de 2020 17:30
  • Fiz esse exemplo, da uma olhada e vê se atende o que precisa.

    /* CSHTML */

    <div class="input-group col-lg-12">
        <div class="input-group-addon btn-group">
            <select id="selectUF" class="form-control">
                <option value="sp">SP</option>
                <option value="rj">RJ</option>
                <option value="mg">MG</option>
                <option value="rs">RS</option>
            </select>
        </div>
        <div class="input-group-addon btn-group">
            <select id="selectCidades" class="form-control">
                <option value="sp">SP</option>
                <option value="rj">RJ</option>
                <option value="mg">MG</option>
                <option value="rs">RS</option>
            </select>
        </div>
        @*<div class="input-group-addon">
            <button id="btnAtualizar" type="button" class="btn btn-primary col-md-12">Salvar</button>
        </div>*@
    </div>

    <!-- Scripts -->
    <script type="text/javascript" language="javascript" src="@Url.Content("~/Scripts/js/z.js")"></script> */

    /* JQUERY */

    $(document).ready(function () {
        $("#selectCidades").hide(); /* esconde o segundo select ao carregar a pagina pela primeira vez */

        /* evento disparado quando selecionado item do select (no meu caso o UF) */
        $("#selectUF").on('change', function () {
            $("#selectCidades").hide(); /* esconde o segundo select */

            var valorSelecionado = $(this).val(); /* valor que foi selecionado no primeiro select */
            
            /* colocar aqui o codigo que limpa e preenche o segundo select */

            $("#selectCidades").show(); /* mostrar o select de CIDADES */
        })
    });
    terça-feira, 7 de janeiro de 2020 18:04
  • Luciano .NET Developer,

       Legal!

       Colocando a mesma pergunta lá no StackOverflow:

    https://pt.stackoverflow.com/questions/429646/disparar-um-javascript-na-aba-console-no-internet-explorer-f12-ferramentas-do

       Um usuário chamado "#Jakson_Fischer" meu deu uma dica de um site muito bacana (eu não conhecia) chamado JSFiddle (https://en.wikipedia.org/wiki/JSFiddle).

       Coloquei o código que você montou em:

    =====================================
    https://jsfiddle.net/FabioIn/yajocumg/
    =====================================

       Mas... a combo ID = "selectCidades" não ficou invisível...
       ... será uma limitação do JSFiddle? (https://jsfiddle.net/user/signup/)

       ESPERE!!! Coloquei agora:

    <select id="selectCidades" class="form-control" style="width: 184px; height: 16px; display: none;">

       NUSSA! O bichão versiona!!! Já mudei 3 vezes!

    https://jsfiddle.net/FabioIn/yajocumg/3/

    []'s,
    Fabio I.

    • Editado Fabio I terça-feira, 7 de janeiro de 2020 18:35
    terça-feira, 7 de janeiro de 2020 18:29
  • Acessei esse link e deu certo, ele carrega o selectCidades oculto e só mostra depois que seleciona o estado!
    Em que momento você precisa que fique oculto o segundo select de novo?(Nesse exemplo ele fica oculto apenas quando carrega a pagina).
    terça-feira, 7 de janeiro de 2020 18:59