Bom galera, sei que eu sempre apareço com pepino aqui mas talvez dessa vez dê tudo certo, acho que não to querendo reinventar a roda mas vamo embora:
Tenho uma tela que com um picklist, isolei um dos selects em um iframe pois o mesmo terá o seu conteúdo preenchido de acordo com uma pesquisa e o segundo select armazenando;
Bom, para o meu picklist eu usei jQuery, e enquanto os 2 estavam na mesma página não tive problemas, isolando 1 agora no iframe é q eu comecei a ter a dor de cabeça.
O código da função js está no documento do iframe no momento e é esse:
jQuery(function($){
// (OPTIONAL) adjust the width of the select box to the bigger of the two
$("select[name='selected']").selectAdjustWidth("select[name='available']");
$("select[name='selected']").multiSelect("select[name='available']", {
trigger: "input[name='remove']",
triggerAll: "input[name='removeAll']"
});
$("select[name='available']").multiSelect("select[name='selected']", {
trigger: "input[name='add']",
triggerAll: "input[name='addAll']"
});
});
Acredito que eu tenho que dar um jeito de na função ao invés de dizer que o select com o name “available” recebe essa referencia eu deveria fazer algo do tipo NomeDoFramePai.FormDoFramePai.Available …
Agradeço qualquer ajuda, recomendação, dúvida etc…