SELECT pegando DOIS "value"

Programação Java
#1

Bom Dia Pessoal, estou com uma dúvida, não sei se é possível, vamos lá:

Tenho essa function para somar

$(function(){  
    $(".form_Pedido").click(function(){   
        var valorTotal = 0.0;    
        $(".form_Pedido").each(function(){   
            var valor = $(this).val();  
            if(valor){   
                valorTotal+=parseFloat(valor);  
            }else{  
                alert("por favor selecione um valor no campo"+$(this).attr("name"));  
            }  
        });  
        $("#doInput").val(valorTotal);  
    });  
    )

E a Soma, vem de alguns Selects, para resumir, vou colocar um exemplo:

<select name="Kit Manicure" title="KitManicure" class="form_Pedido">
          <option value="0">Quantidade</option>
          <option value="22.50">25 unidades - R$ 22,50</option>
          <option value="45.00">50 unidades - R$ 45,00</option>
</select>

<select name="Kit Pedicure" title="KitPedicure" class="form_Pedido">
         <option value="0">Quantidade</option>
         <option value="36.00">25 unidades - R$ 36,00</option>
         <option value="72.00">50 unidades - R$ 72,00</option>
</select>

o Resultado da Soma desses Selcts aparece no #doInput

Bom, ai vem o X da Questão…rs … Eu preciso além do VALOR, também do PESO desses produtos mostrados em e outro Div (#Peso), por isso a minha pergunta, existe alguma forma de pegar dois VALUE de um Select, por exemplo:

<select name="Kit Pedicure" title="KitPedicure" class="form_Pedido">
         <option value1="22,50" value2="5">25 unidades - R$ 36,00 - 5Kg</option>
</select>

A Página em questão é esse:
http://www.gwbella.com.br/piloto/pedidos.html

Não sei se deu pra entender, mas se poderem ajudar, até mesmo com outra solução, já fica aqui meu agradecimento.

#2

A partir do HTML5, você pode criar atributos personalizados desde que eles comece com o prefixo data-.

No seu caso ficaria algo assim:

&lt;select id="exemplo"&gt;
  &lt;option value="1" data-peso="20"&gt;Valor 1&lt;/option&gt;
  &lt;option value="2" data-peso="30"&gt;Valor 2&lt;/option&gt;
  &lt;option value="3" data-peso="40"&gt;Valor 3&lt;/option&gt;
&lt;/select&gt;

Você pode ler esses valores usando o método getAttribute de cada elemento(option).

#3

[quote=AbelBueno]A partir do HTML5, você pode criar atributos personalizados desde que eles comece com o prefixo data-.

No seu caso ficaria algo assim:

&lt;select id="exemplo"&gt;
  &lt;option value="1" data-peso="20"&gt;Valor 1&lt;/option&gt;
  &lt;option value="2" data-peso="30"&gt;Valor 2&lt;/option&gt;
  &lt;option value="3" data-peso="40"&gt;Valor 3&lt;/option&gt;
&lt;/select&gt;

Você pode ler esses valores usando o método getAttribute de cada elemento(option).

[/quote]

Muito Obrigado Abel, Vou tentar implementar aqui no código, digo tentar, porque “meu forte” é Photoshop / Illustrator…rsrs… Código pra mim, dá até dor de cabeça…rs

Vou estudar esse getAttribute … Novamente, muito obrigado!!!

#4