1. Текстовое поле
1.1 <input type = "text" name = "test" id = "test">
Назначить значение переменной t через var t = document.getelementbyid ("test").
1.2 Конечно, вы также можете назначить известные значения переменных в текстовое поле, например,:
var m = "5";
document.getElementbyId ("test"). value = m;
2. раскрывающийся список
2.1
<select name = "sel" id = "sel" onchange = "skine ();">
<option value = "1"> 11 </option>
<option value = "2" выбрано> 22 </option>
<option value = "3"> 33 </option>
</select>
Значение, выбранное в поле <elect>, получено с помощью 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)
{
if (options [i]. Selection)
{
document.getElementbyId ("test"). value = option [i] .text;
}
}
}
</script>
2.2 Сравните заданное значение с значением в поле «SELECT>» и выберите его, если значение <опция> в <SELECT> такое же, как и заданное значение.
Кода -копия выглядит следующим образом:
var m = "2",
для (var i = 0; i <document.getElementById ("sel"). Length; i ++)
{
с (document.getElementbyId ("sel"). Options [i])
{
if (значение == m)
{
выбрано = true;
}
}
}
3. Радиоссуха
Значения атрибута имени в ряду радиосвязи должны быть одинаковыми, чтобы можно было достичь отбора радио.
Кода -копия выглядит следующим образом:
<Input type = "radio" name = "a" value = "1"> aaaaaaaaaa <br>
<Input type = "radio" name = "a" value = "2"> bbbbbbbbbb <br>
<Input type = "onclick =" check (); "Value =" test ">
<script language = "javascript">
<!-
функция проверка ()
{
var sel = 0;
для (var i = 0; i <document.getElementsByname ("a"). Length; i ++)
{
if (document.getelementsbyname ("a") [i].
{
sel = document.getElementsbyname ("a") [i] .value;
}
}
if (sel == 1)
{
блюд ("aaaaaaaaaa");
}
иначе if (sel == 2)
{
оповещение ("BBBBBBBBBBBB");
}
}
//->
</script>
JS Получите значение и текст выбранного элемента в раскрывающемся поле
Получите значение и текст выбранных элементов в раскрывающемся поле под Firefox и IE:
1. Методы, поддерживаемые как IE, так и Firefox:
Получите текст
Кода -копия выглядит следующим образом:
var obj = document.getElementbyId ('select_template');
var text = obj.options [obj.selectedIndex] .Text; // Получить текст
var obj = document.getElementById ("select_template");
for (i = 0; i <obj.length; i ++) {// Длина раскрывающегося блока-это количество опций
if (obj [i]. Selected == true) {
var text = obj [i] .text; // Получить текст
}
}
Предыдущий метод проще
1.Ie поддерживает Firefox и не поддерживает:
Кода -копия выглядит следующим образом:
var obj = document.getElementbyId (имя);
for (i = 0; i <obj.length; i ++) {
if (obj [i]. Selected == true) {
var text = obj [i] .innerText;
}
}
Получить методы ценности, т.е. и Firefox распространены:
var value = document.getElementByid ("select_template"). value; // Получить значение
Резюме: Фактически, в основном это то, что как значение поддержки IE, так и атрибуты Firefox, и Firefox не поддерживает внутренние атрибуты.
JS реализует текущую страницу, чтобы открыть новую ссылку:
window.location.href = url;