View Full Version : ایجاد combo در HTML
delafarin
سه شنبه 27 بهمن 1388, 20:31 عصر
با سلام
من با دستور< "select name="a > و همچتین option یک combo ایجاد کردم حلا چه جوری می تونم روی گزینه اول یا گزینه های دیگر combo که کلیک می کنم یک عکس العمل نشان دهد
البته تاکید می کنم در HTML نه با زبان دیگری مثل vbscript چون اونجا با case این کار را انجام دادم
mrbm_2007
چهارشنبه 28 بهمن 1388, 15:33 عصر
<select onchange="alert(this.value)">
<option>op1</option>
<option>op2</option>
<option>op3</option>
</select>
delafarin
پنج شنبه 29 بهمن 1388, 09:40 صبح
<select onchange="alert(this.value)">
<option>op1</option>
<option>op2</option>
<option>op3</option>
</select>
با تشکر از لطف شما
ببخشید حلا اگر بخواهم با کلیک روی گزینه اول op1 مثلا سایت yahoo باز شود و با کلیک روی گزینه دوم مثلا google باز شود چکار کنم .
الان من یک مقدار value برای گزینه های شما تعریف کردم که در پیام شما با کلیک روی گزینه اول 1 را نشان دهد
<select onchange="alert(this.value)">
<option value ="1">op1</option>
<option value ="2">op2</option>
<option value ="3">op3</option>
</select>
بازم از جواب مفیدتون تشکر می کنم
delafarin
شنبه 01 اسفند 1388, 08:46 صبح
فکر کنم این بشه :
<select onchange="window.location=this.value">
<option value ="http://google.com">Google</option>
<option value ="http://yahoo.com">Yahoo</option>
</select>
با تشکر از پاسخ بسیار مفیدتون ،
انشاء الله همانطور که شما کمک به همنوع خود کردید عوض آنرا از خدا بگیریدو خداوند نیز یارو مددکارتان باشد.
abam1989
شنبه 01 اسفند 1388, 09:28 صبح
حالا اگر بخواهيم مثلا از طريق همون combo آدرسي مثل گوگل را در يك فريم نشان بديم چكار بايد بكنيم؟
mrbm_2007
شنبه 01 اسفند 1388, 20:01 عصر
<html>
<head>
<script>
function changeFrame(newUrl){
document.getElementById('div1').innerHTML='<iframe src='+newUrl+' style="width:100%;height:100%"></iframe>';
}
</script>
</head>
<body>
<center>
<select onchange="changeFrame(this.value)">
<option value="http://google.com">Google</option>
<option value="http://yahoo.com">Yahoo</option>
</select>
<div id="div1" style="height: 468px; width: 527px; border: solid 1px black">
</div>
</center>
</body>
</html>
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.