سؤال عن استدعاء القيمة في ال select

iiAbdullah
2016-06-26T06:04:34+00:00

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

انا عندي سؤال بسيط , اذا كان هنالك select و option وبداخل ال option قيمة اريد ان اكتب اجلب القيمة التي في option واذا كانت تساوي 4 فنفذ هذا الامر

الطريقة التي استخدمتها :var a = getElementById ثم وضعتها في جملة شرطية if a==4 نفذ هذا الامر ...لاكنها لم تنفعع فهل لي من طريقة تؤدي نفس الغرض .. الله يوفقكم :)

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق

حساب جديد دخول

بستعمال دالة innerHTML

document.getElementById("demo").innerHTML

حيث دالة innerHTML تجلب كود الhtml بداخل id demo

توجد دالة اخرة innerText

 document.getElementById("demo").innerText

وهي تقوم بنفس وضيفة innerHTML لكن الفرق انها تحذف اكواد html و تجلب النص فقط

zakariamouhid أضف ردا

أضن أن الخاصية innerText لم تعد مدعومة من جميع المتصفحات وتعوضها بهذه textContent

يوسف سيد أضف ردا

هنالك فرق بينهما، لكل واحدة استخدام المزيد:

http://stackoverflow.com/qu...

ibrahem0 أضف ردا

:/ هل textContent تؤدي نفس الغرض و طريقة استعمالها بنفس طريقة innerText

؟؟

zakariamouhid أضف ردا

نعم

iiAbdullah أضف ردا

اشكركم اخواني عالتفاعل والاجابات ماقصرتو .. لاكن انا اريد اجلب قيمة داخل الاوبشين ثم اضعها في جملة شرطية ..ليس اسم الاوبشين نفسه

جزاكم الله خير

zakariamouhid أضف ردا

في هذه الكتابة سيتحقق الشرط

<select id="select">
    <option>test1</option><!-- test1 بدون مسافات قبل وبعد الكلمة -->
    <option>test2</option>

    <option>test3</option>

</select>


var a = document.getElementById("select").getElementsByTagName("option")[1].innerHTML;// test2
if (a === "test2") {
    alert('select > option2 = test2');
}

في هذه الكتابية لن يتحقق الشرط

<select id="select">
    <option>
        test1
    </option>
    <option>
        test2
    </option>
    <option>
        test3
    </option>
</select>

var a = document.getElementById("select").getElementsByTagName("option")[1].innerHTML;// test2
if (a === "test2") {
    alert('select > option2 = test2');
}

ibrahem0 أضف ردا

^_^

كلامك صحيح

iiAbdullah أضف ردا

جزاكم الله خير

zakariamouhid أضف ردا

<select id="s">
    <option value="4">test1</option>
</select>


var a = document.getElementById("s").getElemntsByTagName("option")[0].getAttribute("value");
if (a === "4") {
    alert("yes a = 4");
}// yes a = 4