Filtrar no select do modal pelo campo input

[Carlos Lourenço]

Eu tenho um modal um campo input que recebe um valor vindo de um javascript. O valor esta sendo exibido corretamente o que eu preciso é passar esse valor para um select dentro do MODAL


O link para o modal esta assim
<a href="#modal-composicao" role="button" data-toggle="modal" composicao="'.$Hardware['idHardware'].'" class="btn-nwe6" title="Composição"><i class="bx bx-note"></i></a>


e o JS que exibe o valor no modal
<script type="text/javascript">
    $(document).ready(function() {
        $(document).on('click', 'a', function(event) {
            var composicao = $(this).attr('composicao');
            $('#idComposicao').val(composicao);
        });

    });
</script>

O input no modal que esta exibindo o codigo

<input type="text" id="idComposicao" name="idComposicao"/>

Tudo certinho, o problema esta em capturar esse idComposicao para utilizar em um select, porem não estou conseguindo.

alguém tem uma ajuda ?

Valeu

[wash]

Em 10/11/2023 em 10:29, Carlos Lourenço disse:

$(document).on('click', 'a', function(event) {

Você tem um único elemento a?

O conteúdo da modal foi gerado em tempo de execução ou já existia quando a página ficou pronta?
 

Editado Novembro 11, 2023 por wash

[Frank K Hosaka]

Pelo que eu entendi, quando você clica no botão do modal 2, você quer que apareça o coteúdo desse botão no modal 1. Eu fiz o teste aqui e funcionou, com algumas modificações:

<style>
.btn-nwe6 {background-color: blue;  color: white;
  border: 2px solid blue;  border-radius: 5px;}
.bx.bx-note {font-size: 24px;color: yellow;}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" 
    integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" 
    crossorigin="anonymous" referrerpolicy="no-referrer">
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $(document).on('click', 'a', function(event) {
            var composicao = $(this).attr('composicao')
            $('#idComposicao').val(composicao)})})
</script>
Modal_1: <input id=idComposicao>
<p>
Modal_2: <a href="#modal-composicao" role="button" data-toggle="modal" 
    composicao="'.$Hardware['idHardware'].'" class="btn-nwe6" 
    title="Composição"><i class="bx bx-note">Botão</i></a>