Как да направя input с падащо меню и линк

emcuemnecu

Registered
Здравейте, как да направя INPUT при което да има падащо меню за избор даден текст, който като се избере да отваря въпросната страница без допълнителен бутон 'GO' примерно? Мерси
 
IzKuFeLiQqQqQ каза:
Нещо такова http://jsfiddle.net/plamba95/B4ZSn/ ? с jQuery e...ако искаш с JS само кажи ;)
Да,но без прозореца, който излиза, но същото на същия принцип Js
Направих го така ама не се получава нещо
Код:
script type="text/javascript">

$(function() {
    $('#goToPage').on('change',function() {
        var page = $(this).val();
        alert(page);
        if(page != "") window.location = page;
    });
});
</script> 
 
 <select id="goToPage">
    <option value="">Бързо търсене </option>
    <option value="http://google.com">Google</option>
    <option value="http://yahoo.com">Yahoo</option>
    <option value="http://facebook.com">Facebook</option>
</select>
 
HTML:
<!DOCTYPE html>
<html>
	<head>
		<script>
			function open_page(page) {
				window.open(page, "_self");
				/*
				ако искаш да се отваря в нов подпрозорец направи така:
				window.open(page);
				*/
			}
		</script>
	</head>

	<body>
		<select id="goToPage" onchange="open_page(this.value)">
			<option value="./">Go To Page</option>
			<option value="http://google.com/">Google</option>
			<option value="http://yahoo.com/">Yahoo</option>
			<option value="http://facebook.com/">Facebook</option>
		</select>

	</body>

</html>
Тествано и работи.
 
anonimen каза:
HTML:
<!DOCTYPE html>
<html>
	<head>
		<script>
			function open_page(page) {
				window.open(page, "_self");
				/*
				ако искаш да се отваря в нов подпрозорец направи така:
				window.open(page);
				*/
			}
		</script>
	</head>

	<body>
		<select id="goToPage" onchange="open_page(this.value)">
			<option value="./">Go To Page</option>
			<option value="http://google.com/">Google</option>
			<option value="http://yahoo.com/">Yahoo</option>
			<option value="http://facebook.com/">Facebook</option>
		</select>

	</body>

</html>
Тествано и работи.

Това те устройва да но вече не е много препоръчително да си закачаш евентите на самия елемент в html-а
 

Back
Горе