Get value of 2 select, and display the data of each [closed]

Question

Get value of 2 select, and display the data of each [closed]

Navigation

#1 by (1 votes)

1

I'm putting together a page where the person could compare 2 products.

I have 2 tables, categories and products.

The 1st comboBox makes a select in the category table. When you choose a category, it calls a file that sees which products belong to that category.

So when choosing 2 products in the 2nd combobox (sublist) and pushing the button would have to be done a select in the bank, taking the 2 id's from each sublist and displaying the data from them below.

Basically it would work like this:

<combo01> ComboBox 01</combo>
<combo02> ComboBox 02 </combo>
<combo01> sublist 01</combo>
<combo02> sublist 02</combo> //o conteúdo das sublists altera de acordo com o que foi selecionado no comboBox
<btn>Comparar</btn> //ao clicar em comparar, faria um select no banco com os 2 id de cada sublist, e mostraria os dados abaixo.

I will put the link of the codes here, if anyone can help me to solve this problem, I would be very grateful

link

php javascript html jquery ajax

asked by anonymous 31.12.2014 / 17:28

1 answer

Implement Follow / Unfollow Feature Use Jquery Autocomplete in Id properties

score 1 · Accepted Answer

I would do with ajax by passing the IDs of the selected products into the lists;

function buscaProduto(callback, id) {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "endereco/funcao", //substitua pela página em php que acessa o banco e retorna os dados
        data: "{'cdProduto':'" + id + "'}", //vamos supor que você tenha uma função na página acima que espere um parametro com o nome cdProduto
        dataType: "json",
        success: function (json) {
            callback(json);                
        },
        error: function (XMLHttpRequest, status, error) {
            console.log(XMLHttpRequest);
            console.log(status);
            console.log(error);
        }
    });    
}

Calling the above function for product 01:

buscaProduto( function (json) {
    carregaProduto($.parseJSON(json.d), divProduto01);
}, [id do produto selecionado na lista01]);

and for product 02:

buscaProduto( function (json) {
    carregaProduto($.parseJSON(json.d), divProduto02);
}, [id do produto selecionado na lista02]);

Displaying data that has been returned from the database:

function carregaProduto(dados, div) {
   if (dados != null) {
      aprensenta os dados na div informada!
   } else {
      aprensenta mensagem de produto não encontrado!
   }    
}

You can do a new function to run the two product lookup () in the onClick event of the button like this:

function btnClick() {    
    buscaProduto( function (json) {
        carregaProduto($.parseJSON(json.d), $("#divProduto01");
    }, $("#tv_assinatura").val());

    buscaProduto( function (json) {
        carregaProduto($.parseJSON(json.d), $("#divProduto02"));
    }, $("#tv_assinatura02").val());
}

Note: I'm just showing you a way to do it and not giving you ready code, so you can copy and paste it into your project.