Bağlama açılan kutu (JQuery preferrably)

Question

kimse bir öğeyi seçerek aynı davranır şey bir HTML

<select> 
    <option> Blah </option> 
</select> 

açılan kutu dönüştüren bir JQuery eklentisi (muhtemelen bir div) kullanarak herhangi deneyimi olup olmadığını merak ediyorum bir bağlantıyı tıklatarak

Muhtemelen javascript'i bir seçim olayıyla (javascript bilgilerim şu anda bir bakıma muhtaç durumda) idare etmek ve birleşik giriş kutusunun değerini değiştirmek için kullanabileceğinizi sanıyorum, ancak bu daha çok bir kesmek gibi görünüyor.

Tavsiyeniz, deneyiminiz ve önerileriniz takdir edilmektedir.

Answer 1

basit bir çözüm

$("#mySelect").change(function() { 
    document.location = this.value; 
}); 

Bu, seçilen seçeneğin değeri alanında depolanan url'ye yönlendirir seçme kutusunda onchange olay yaratan kullanmaktır.

Answer 2

'seçeneğini' in javascript Bu biraz: İdeal değil

onchange="if(this.options[this.selectedIndex].value!=''){this.form.submit()}" 

(ı görünmüyor kullanıyorum ASP.NET MVC form gönderimleri URL'ler için yönlendirme motoru kullanmak için) ama işini yapıyor.

Answer 3

Ben size Div tıkladığınızda bağlamak istediğiniz yere emin değilim, ama böyle bir şey verilmiş belki işe yarar:

<select id="mySelect"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</options> 
</select> 
<div id="myDiv"/> 

ve aşağıdaki JQuery <div> elemanlarının listesini oluşturur, bir gider seçeneğine bağlı olarak bir URL'ye:

$("#mySelect option").each(function() { 
    $("<div>" + $(this).text() + "</div>").appendTo($("#myDiv")).bind("click", $(this).val(), function(event) { 
     location.href = "goto.php?id=" + event.data; 
    }); 
}); 
$("#mySelect").remove(); 

Bu ne yapmak istiyor musunuz?

Answer 4

Eğer bağımsız bunları tanımlamak denemek için benzer bir şey gerek kalmadan, sen yönlendirme olarak kullanmasına izin vermek istiyorum seçeneğini kutuları bir sürü var gidiyoruz:

$("[id*='COMMON_NAME']").change(function() { 
    document.location = this.value; 
}); 

Ve seçme kutuları buna göre adlandırılır:

<select id="COMMON_NAME_001">...</select> 
<select id="COMMON_NAME_002">...</select> 

Bu <option> değerin bir yönlendirme yapmak "COMMON_NAME" içeren tüm kimlikleri için bir onchange olay oluşturur.