Jquery fai clic su un altro elemento e visualizza opzioni di selezione

al primo visita gentile questo violino:

http://jsfiddle.net/Y4LMX/

Mi chiedevo se c'è un modo per trasferire il clic? Intanto, quando faccio clic sull'area verde ( <div class="arrow"/> ) nel frattempo, il <select> wi <select> anche cliccato o selezionato e mostra le opzioni sotto. C'è un modo per fare questo?

NB: lo sto facendo per il tag <select> tag supportto da IE.

Ho provato con il seguente codice:

 $(".ie-arrow").click(function(){ $(this).prev().find($("select").click()); }); 

ma, non funziona. Puoi risolverlo?

Grazie.

Potresti vedere questa risposta

https://stackoverflow.com/a/10844589/336542

Un click sulla selezione non lo aprirà devi cambiare le size di esso.

Dovresti provare a select i plugin a discesa come dropkick.js

http://jamielottering.github.io/DropKick/

Va bene, seguendo l'idea dalla risposta n. due di questa domanda , ecco una soluzione: visita questo violino

javascript:

 $(".drop1").append("<div onclick='runThis1()' class='arrow'></div>"); $(".drop2").append("<div onclick='runThis2()' class='arrow'></div>"); (function () { showDropdown = function (element) { var event; event = document.createEvent('MouseEvents'); event.initMouseEvent('mousedown', true, true, window); element.dispatchEvent(event); }; window.runThis1 = function () { var dropdown = document.getElementById('dropdown'); showDropdown(dropdown); }; window.runThis2 = function () { var dropdown = document.getElementById('dropdown2'); showDropdown(dropdown); }; })(); 

Lo ho fatto con il cambio di size che cambia qui: http://jsfiddle.net/f2Upx/

 $(".drop1, .drop2").append("<div class='arrow' />"); $(".arrow").click(function(){ $(this).prev().attr('size',5).css("height","200px") .parent().css("height","150px"); }); 

Anche qui è un semplice esempio con la falsa selectbox che ho fatto pochi giorni fa http://jsfiddle.net/Jc2qq/ sarebbe facile da rifare per soddisfare le esigenze di questa domanda.