1. Динамическое создание выбора
Скопируйте код кода следующим образом:
функция createSelect(){
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
2. Добавить опцию опции
Скопируйте код кода следующим образом:
функция addOption(){
//Найти объекты по идентификатору,
var obj=document.getElementByIdx_x('mySelect');
//Добавляем опцию
obj.add(new Option("text","value")); //Это допустимо только в IE.
obj.options.add(new Option("text","value")); //Это совместимо с IE и Firefox.
}
3. Удалить все параметры.
Скопируйте код кода следующим образом:
функция удалитьВсе(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length = 0;
}
4. Удаление опции
Скопируйте код кода следующим образом:
функция RemoveOne(){
var obj=document.getElementByIdx_x('mySelect');
//индекс, серийный номер удаляемой опции, здесь находится серийный номер выбранной в данный момент опции
вар индекс = obj.selectedIndex;
obj.options.remove(индекс);
}
5. Получите стоимость опциона.
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex //Серийный номер, возьмите серийный номер выбранного в данный момент варианта;
вар val = obj.options[index].value;
6. Получите текст опции
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex //Серийный номер, возьмите серийный номер выбранного в данный момент варианта;
var val = obj.options[index].text;
7. Изменить опцию опции
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex //Серийный номер, возьмите серийный номер выбранного в данный момент варианта;
var val = obj.options[index]=new Option("новый текст","новое значение");
8.Удалить выбор
Скопируйте код кода следующим образом:
функция RemoveSelect(){
var mySelect = document.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
Полный код всего примера выглядит следующим образом:
Скопируйте код кода следующим образом:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<голова>
<meta http-equiv="Content-Type" content="text/html">
<голова>
<язык сценария=JavaScript>
функция $(идентификатор)
{
вернуть документ.getElementByIdx_x(id)
}
функция шоу()
{
var selectObj=$("область")
var myOption=document.createElement_x("опция")
myOption.setAttribute("значение","10")
myOption.appendChild(document.createTextNode("Шанхай"))
var myOption1=document.createElement_x("опция")
myOption1.setAttribute("значение","100")
myOption1.appendChild(document.createTextNode("Нанкин"))
selectObj.appendChild(myOption)
selectObj.appendChild(myOption1)
}
выбор функции()
{
var index=$("область").selectedIndex;
var val=$("область").options[index].getAttribute("значение")
если (значение == 10)
{
var i=$("context").childNodes.length-1;
var remobj=$("context").childNodes[i];
remobj.removeNode(истина)
var sh=document.createElement_x("выбрать")
sh.add(new Option("Новый район Пудун","101"))
sh.add(new Option("Район Хуанпу","102"))
sh.add(new Option("Район Сюйхуэй","103"))
sh.add(новый вариант("Район Путуо","104"))
$("контекст").appendChild(sh)
}
если (значение == 100)
{
var i=$("context").childNodes.length-1;
var remobj=$("context").childNodes[i];
remobj.removeNode(истина)
var nj=document.createElement_x("выбрать")
nj.add(new Option("Район Сюаньу","201"))
nj.add(новый вариант("白下区","202"))
nj.add(новый вариант("Район Сягуань","203"))
nj.add(новый вариант("Район Цися","204"))
$("контекст").appendChild(nj)
}
}
функцияcalc()
{
var x=$("context").childNodes.length-1;
предупреждение(х)
}
функция удаления()
{
var i=$("context").childNodes.length-1;
var remobj=$("context").childNodes[i];
remobj.removeNode(истина)
}
</скрипт>
<тело>
<div id="контекст">
<select id="area" onchange="choice()">
</выбрать>
</div>
<input type=значение кнопки="Показать" onclick="show()">
<input type=button value="Узел расчета" onclick="calc()">
<тип ввода=значение кнопки="Удалить" onclick="remove()">
</тело>
</html>
Улучшенная версия: добавление, изменение и удаление элементов параметров в select.
Скопируйте код кода следующим образом:
функция watch_ini(){ // начальная
for(var i=0; i<arguments.length; i++){
var word = document.createElement_x("ОПЦИЯ");
слово.текст = аргументы[я];
watch.keywords.add(word); // watch — имя формы.
}
}
function watch_add(f){ // добавляем
var word = document.createElement_x("ОПЦИЯ");
слово.текст = f.слово.значение;
f.keywords.add(слово);
}
Однако приведенный выше метод add() действителен только в IE. Для обеспечения совместимости с FF и Opera приведенный выше код был улучшен. Модифицированный код выглядит следующим образом:
Скопируйте код кода следующим образом:
функция watch_ini(){ // начальная
for(var i=0; i<arguments.length; i++){
var oOption=new Option(arguments[i],arguments[i]);
document.getElementByIdx_x("MySelect")[i]=oOption;
}
}
function watch_add(f){ // добавляем
вар oOption = новый вариант (f.word.value, f.word.value);
f.keywords[f.keywords.length]=oOption;
}
Полный код всего примера выглядит следующим образом:
Скопируйте код кода следующим образом:
<!doctype html public "-//w3c//dtd html 4.0 переходный//en">
<html>
<голова>
<title>текстовое значение параметров выбора JavaScript</title>
<meta name="keywords" content="javascript выберите параметры текстовое значение добавить изменить удалить набор">
<meta name="description" content="javascript выберите параметры текстовое значение добавить изменить удалить набор">
<script Language="JavaScript">
<!--
функция watch_ini(){ // начальная
for(var i=0; i<arguments.length; i++){
var oOption=new Option(arguments[i],arguments[i]);
document.getElementByIdx_x("MySelect")[i]=oOption;
}
}
function watch_add(f){ // добавляем
вар oOption = новый вариант (f.word.value, f.word.value);
f.keywords[f.keywords.length]=oOption;
}
function watch_sel(f){ // Редактировать
f.word.value = f.keywords[f.keywords.selectedIndex].text;
}
function watch_mod(f){ // Изменить
f.keywords[f.keywords.selectedIndex].text = f.word.value;
}
function watch_del(f){ // Удалить
f.keywords.remove(f.keywords.selectedIndex);
}
function watch_set(f){ // сохраняем
вар набор = "";
for(var i=0; i<f.keywords.length; i++){
set += f.keywords[i].text + ";";
}
подтвердить (установить);
}
//-->
</скрипт>
</голова>
<тело>
<form name="watch" Method="post" action="">
<select id="MySelect" name="keywords" size="10" onchange="watch_sel(this.form)"></select><br>
<script Language="JavaScript">
<!--
watch_ini("I","You","","He","She","It","Er" // Начальное ключевое слово;
//-->
</скрипт>
<input type="text" name="word" /><br />
<input type="button" value="Add" onclick="watch_add(this.form);" />
<input type="button" value="Modify" onclick="watch_mod(this.form);" />
<input type="button" value="Delete" onclick="watch_del(this.form);" />
<input type="button" value="Save" onclick="watch_set(this.form);" />
</форма>
Создайте метод массива из строки:
Скопируйте код кода следующим образом:
<script Language="JavaScript">
</тело>
</html>
<скрипт>
функция спли(){
datastr="2,2,3,5,6,6";
вар стр = новый массив ();
str=datastr.split(",");
для (i=0;i<str.length;i++)
{ document.write(str[i]+"<br/>" }
}
Спли();
</скрипт>
Сегодня я отладил часть js, и она работала нормально в IE. Однако при отладке в Firefox произошла ошибка. Я проверил информацию и обнаружил это.
obj.add(new Option("text","value")); //Это допустимо только в IE.
obj.options.add(new Option("text","value")); //Это совместимо с IE и Firefox.
Из-за этого кода я поискал информацию в Интернете и собрал эту статью для обзора старого js в реальном времени.