كيفية عمل قائمة select بها الحدث change

[النمر الصاعد]

السلام عليكم ورحمة الله وبركاته..

اريد عمل قائمة منسدلة select.. بها الحدث change ..

اريد عند اختيار عنصر فى القائمة تذهب الى صفحة من النو ع php ..

دون الحاجة لوجود زر ارسال..

بس مش عايز بالاجاكس..عايزها تذهب للصفحة.. وليس فتحها فى نفس الصفحة..

شكراً لكم..

[خالد الحضري]

السلام عليكم ،

يمكنك ذلك بإضافة السمة onchange

<select onchange="THE JAVASCRIPT CODE"

طبعا توجد طرق مختلفة ، في الجيكويري JQuery يمكنك جلب القيمة ببساطة ، مثال :

<select onchange="$(this).val()"

في الجافاسكربت عامة يمكنك ذلك عبر تحديد name الفورم form ثم name القائمة select

مثال بسيط :

<form name="myform">
    <select name="myselect" onchange="alert(document.myform.myselect.value);">
        <option value="http://www.swalif.net/softs/swalif45/softs304997/#post2133247">Swalif</option>
        <option value="http://alhadri.com/qa">Ask Me</option>
        <option value="http://www.google.com/webhp?hl=ar">Google</option>
    </select>
</form>

طبعا بدل alert تضع أمر معين لفتح الرابط
فيكون محتوى onchange مثل

 onchange="window.location = document.myform.myselect.value;"

وفقك الله .

[النمر الصاعد]

شكراً على ردك وشرحك..

بس عايز اعرف ايه الامر اللى اكتبه لكى يدخل على صفحة اسمها code.php عند تحديد اى عنصر فى القائمة.وقرائة هذا لعنصر فى الصفحة الجديده...؟

[خالد الحضري]

شكراً على ردك وشرحك..

بس عايز اعرف ايه الامر اللى اكتبه لكى يدخل على صفحة اسمها code.php عند تحديد اى عنصر فى القائمة.وقرائة هذا لعنصر فى الصفحة الجديده...؟

حسنا ،
تضع الرابط في value مثل :
code.php?item=banana
code.php?item=orange
code.php?item=apple

و في الصفحة code.php
تضع أمر الطباعة و تجلب العنصر بإستخدام البروتوكول GET
كالتالي :

echo $_GET['item']; 

بخصوص GET هنا مثال بسيط
http://www.w3schools.com/php/php_get.asp

أيضا خد لك جولة حول الدالة isset و empty
و هما مفيدتان للتأكد من وجود و قيمة المتغيّر .

وفقك الله .

[أحمد العبد الله]

عندك في الجافاسكربت طريقة للتحويل وهي:

location.href= "NEW URL"; 

يعني في البداية تعمل قائمة وتجعل اول خيار فيها اسمه "اختر من القائمة"
ﻹنه حدث change لا يعمل إلا عند تغيير الخيار، وعندها لا يمكن اختيار الخيار اﻻول لانه يكون محدد من اﻻصل.
لذلك تعمل التالي:

<select id="myselect" onchange='mychange()'>
<option>please select</option>
<option value='banana'>banana</option>
</select>
<script>
function mychange()
{
var select = document.getElementById("myselect").value;
location.href='code.php?item='+select;
}
</script> 

الكود غير مفحوص لكن اعتقد انه يفي بالغرض