1. مربع النص
1.1 <إدخال type = "text" name = "test" id = "test">
قم بتعيين القيمة للمتغير t من خلال var t = document.getElementById ("اختبار"). القيمة ،
1.2 بالطبع ، يمكنك أيضًا تعيين قيم متغيرة معروفة إلى مربع النص بدورها ، على سبيل المثال:
var m = "5" ؛
document.getElementById ("test"). value = m ؛
2. مربع القائمة المنسدلة
2.1
<حدد name = "sel" id = "sel" onchange = "look () ؛">
<Option Value = "1"> 11 </soph>
<Option Value = "2" محدد> 22 </soph>
<value Option = "3"> 33 </soph>
</select>
يتم الحصول على القيمة المحددة في المربع <select> بواسطة var s = document.getElementById ("SEL"). "، بدلاً من" اثنان وعشرون "،
إذا كنت ترغب في تعيين "القيمة" المحددة في <select> مثل "قيمة النص" ("33") المقابلة لـ "3" إلى مربع نص الاختبار ، يمكنك استخدام الطريقة التالية ،
نسخة الكود كما يلي:
<script language = "javaScript">
وظيفة look () {
var se = document.getElementById ("sel") ؛
VAR OPTION = se.getElementsByTagName ("Option") ؛
var str = "" ؛
لـ (var i = 0 ؛ i <option.length ؛ ++ i)
{
إذا (الخيارات [i]. selected)
{
document.getElementById ("اختبار"). القيمة = الخيار [i] .text ؛
}
}
}
</script>
2.2 قارن القيمة المحددة بالقيمة في المربع <select> ، وحددها إذا كانت قيمة <Poort> في <select> هي نفس القيمة المحددة.
نسخة الكود كما يلي:
var m = "2" ،
لـ (var i = 0 ؛ i <document.getElementById ("sel"). الطول ؛ i ++)
{
مع (document.getElementById ("sel"). خيارات [i])
{
إذا (القيمة == م)
{
محدد = صحيح ؛
}
}
}
3. مربع الراديو
يجب أن تكون قيم سمة الاسم لصف مربع الراديو هي نفسها بحيث يمكن تحقيق اختيار الراديو.
نسخة الكود كما يلي:
<type type = "radio" name = "a" value = "1"> aaaaaaaa <br>
<type type = "radio" name = "a" value = "2"> bbbbbbbbbb <br>
<type type = "button" onClick = "check () ؛"
<script language = "javaScript">
<!-
Check ()
{
var sel = 0 ؛
لـ (var i = 0 ؛ i <document.getElementSbyName ("a"). الطول ؛ i ++)
{
if (document.getElementSbyName ("A") [i].
{
sel = document.getElementSbyName ("a") [i] .value ؛
}
}
إذا (sel == 1)
{
في حالة تأهب ("aaaaaaaaa") ؛
}
آخر إذا (sel == 2)
{
تنبيه ("bbbbbbbbbbbbb") ؛
}
}
//->
</script>
JS احصل على قيمة ونص العنصر المحدد في المربع المنسدل
احصل على قيمة ونص العناصر المحددة في المربع المنسدل تحت Firefox و IE:
1. الأساليب التي يدعمها كل من IE و Firefox:
احصل على نص
نسخة الكود كما يلي:
var obj = document.getElementById ('select_template') ؛
var text = obj.options [obj.selectedIndex] .text ؛ // Get Text
var obj = document.getElementById ("select_template") ؛
لـ (i = 0 ؛ i <obj.length ؛ i ++) {// طول المربع المنسدلة هو عدد الخيارات
if (obj [i]. selected == true) {
var text = obj [i] .text ؛ // احصل على نص
}
}
الطريقة السابقة أبسط
1.IE يدعم Firefox ولا يدعم:
نسخة الكود كما يلي:
var obj = document.getElementById (name) ؛
لـ (i = 0 ؛ i <obj.length ؛ i ++) {
if (obj [i]. selected == true) {
var text = obj [i] .innertext ؛
}
}
احصل على طرق القيمة IE و Firefox شائعة:
var value = document.getElementById ("select_template"). value ؛ // احصل على القيمة
ملخص: في الواقع ، فإن كل من قيمة دعم IE و Firefox وسمات النص ، ولا يدعم Firefox سمات النص الداخلي.
JS ينفذ الصفحة الحالية لفتح رابط جديد:
window.location.href = url ؛