javaｓｃｒｉｐｔ操作选择元素的示例分析

本文演示了select元素的Javaｓｃｒｉｐｔ操作的用法，供大家参考，具体分析如下：

下面是JS对select元素的操作的熟悉，以及HTML页面中的一个表单，其中包含一个select元素和一个提交按钮。

当您选择其中一个项以更改其文本时，选择中的所有单词都被更改后，还原它们。

当提交被按下时，窗口本身是关闭的，代码如下所示：

Duang选择元素

功能do_change（ELT）{
var text =英语{ ELT。SelectedIndex }。innerHTML；
如果（！text.match（ / { /））
英语{ ELT。SelectedIndex } .innerHTML ={在}；
无功is_all_seleted =真；
对于（var i = 0；i < elt.length；+ +我）{
如果（！英语{我}。innerhtml.match（ / { /））{
is_all_seleted = false；
打破；
}
}
如果（is_all_seleted）{
警报（Duang！！！并重置它！！！；
对于（var i = 0；i < elt.length；+ +我）{
英语{我} .innerHTML =英语{我}。innerhtml.replace（ / {。* } /，）
}
}
}

选择一个
选择B
选择C
选择D
选择E

在Firefox开始，关闭窗口本身，这似乎是不可能的，后来发现它是建立在对dom.allow_ｓｃｒｉｐｔs_to_close_windows：配置是真的。

如果在每个选择的变化是不规则的，你可以写一个on_change_ex处理，和代码如下：

功能do_change_ex（我）{
var text =我{我。SelectedIndex }。innerHTML；
如果（！text.match（ / { /））{
我{我。SelectedIndex }。text_bak =我{我。SelectedIndex }。innerHTML；
我{我。SelectedIndex } .innerHTML ={在}；
我{我。SelectedIndex }。is_changed =真；
}
无功is_all_seleted =真；
对于（var i = 0；i < me.length；+ +我）{
如果（！Me{i}.is_changed) {
is_all_seleted = false；
打破；
}
}
如果（is_all_seleted）{
警报（Duang！！！并重置它！！！；
对于（var i = 0；i < me.length；+ +我）{
我{我} .innerHTML =我{我}。text_bak；
我{我}。is_changed = false；
}
}
}

希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。