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

Question

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.

Answer 1

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

Answer 2

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.

Answer 3

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 */
    })
});

Answer 4

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.

Answer 5

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).