Enviando dados, que não seja do value!

[Benjamim River 0]

Prezados boa tarde,

 

Estou precisando enviar as informações que são exibidas no options, e não as que são passadas pelo value.

 

Segue modelo abaixo:

 

Código HTML:

<form id="pai" method="post">
<select	id="pegapai" name="pegapai">
<option value="dadosdovalue">dadosexibidos</option>
</form>

<button class="bp" id="botao">Adicionar</button>

<div id="visualizarpai"></div>

JavaScript:

$(document).ready(function() {
	$(".bp").click(function() {
		var x = $("#pai").serializeArray();	
		$.each(x, function(i, field) {
			$("#visualizarpai").append(field.value + "<br/><br/>");
		});
	});
});

Este script pega todos os value's que estão dentro do (id:pai no form), porem eu preciso pegar apenas o "dadosexibidos" no option.

 

 

Alguém saberia me dizer como fazer?

 

Obrigado!

[Benjamim River 0]

Será que não tem como?

[William Bruno 1501]

É possível "ler o label", assim:

 

http://wbruno.com.br/javascript-puro/label-de-option-da-tag-select/

[Benjamim River 0]

Boa tarde Bruno,

 

Fiz vários testes aqui para fazer da forma que preciso, utilizando o seu exemplo, mas não deu certo, acredito ter faltado pouco.. rsrs

 

Eu preciso juntar estes dois scripts abaixo:

/* Este script pega a variável:"pai" com o clique do botão:"bp" e envia para a div:"visualizarpai". */

$(document).ready(function() {
	$(".bp").click(function() {
		var x = $("#pai").serializeArray();	
		$.each(x, function(i, field) {
			$("#visualizarpai").append(field.value);
		});
	});
});

/* Este é o script que pega a variável certa */

function label_option( el )
{
	var label = el.options[ el.selectedIndex ].text;
	alert( label );
}
window.onload = function()
{
	document.getElementById( 'pegapai' ).onchange = function()
	{
		label_option( this );
	}
}