Bunu kullanıyorum anda seçme kutusunda

Question

seçkin seçeneği yönlendir:

<select ONCHANGE="location = this.options[this.selectedIndex].value;"> 

o seçenek değerinin iç yere beni yönlendirir. Ama beklendiği gibi çalışmıyor .. select'in ilk seçeneğine tıklarsam, onChange eyleminin çalışmadığı anlamına gelir. Javascript hakkında düşünüyordum, ama bence daha iyi önerilerin var. Peki, her seçeneğe tıklarsam, beni bu değere yönlendireceğimi nasıl çalıştırabilirim?

Answer 1

İlk seçenek önceden seçildiğinden, değişiklik olayı hiç tetiklenmez. İlk olarak boş bir değer ekleyin ve konum atamasında boş olup olmadığını kontrol edin. İşte

bir örnek:

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> 
    <option value="">Select...</option> 
    <option value="http://google.com">Google</option> 
    <option value="http://yahoo.com">Yahoo</option> 
</select> 

Ve burada keman var: http://jsfiddle.net/bL5sq/

Answer 2

şiddetle aşağıdaki gibi bir şey için, satır içi JavaScript uzaklaşan öneririm

:

function redirect(goto){ 
    var conf = confirm("Are you sure you want to go elswhere?"); 
    if (conf && goto != '') { 
     window.location = goto; 
    } 
} 

var selectEl = document.getElementById('redirectSelect'); 

selectEl.onchange = function(){ 
    var goto = this.value; 
    redirect(goto); 

}; 

JS Fiddle demo (404 linkrot victim) .
JS Fiddle demo via Wayback Machine.
Forked JS Fiddle for current users.

JS Fiddle'daki işaretlemede, ilk seçeneğin atanmış bir değeri yoktur, bu nedenle tıklatma işlevi herhangi bir şey yapmasını tetiklememelidir ve varsayılan değer select'u tıklatıp varsayılan ilk değer olan option'u seçtiği için Yine de change etkinliğini tetiklemez.

Güncelleme:
son Örnekteki (2017/08/09) yönlendirme URL'ler karışık JS Fiddle ve her iki alan arasında içerik, hem de çerçeveli içerik 'sameorigin' gerektiren her iki alan ile ilgili hatalar nedeniyle dışarı takas gerekli. - Albert