1. Criar seleção dinamicamente
Copie o código do código da seguinte forma:
função criarSelecionar(){
var minhaSeleção = document.createElement_x("select");
minhaSeleção.id = "minhaSeleção";
document.body.appendChild(meuSelect);
}
2. Adicionar opção de opção
Copie o código do código da seguinte forma:
função addOption(){
//Encontra objetos com base no id,
var obj=document.getElementByIdx_x('mySelect');
//Adiciona uma opção
obj.add(new Option("text","value")); //Isso só é válido no IE
obj.options.add(new Option("text","value")); //Isso é compatível com IE e Firefox
}
3. Opção Excluir todas as opções
Copie o código do código da seguinte forma:
função removeTodos(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length=0;
}
4. Exclua uma opção de opção
Copie o código do código da seguinte forma:
função removeOne(){
var obj=document.getElementByIdx_x('mySelect');
//índice, o número de série da opção a ser excluída, aqui pega o número de série da opção atualmente selecionada
var index=obj.selectedIndex;
obj.options.remove(índice);
}
5. Obtenha o valor da opção de opção
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //Número de série, pegue o número de série da opção atualmente selecionada
var val = obj.opções[índice].valor;
6. Obtenha o texto da opção
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //Número de série, pegue o número de série da opção atualmente selecionada
var val = obj.options[index].text;
7. Modificar opção de opção
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //Número de série, pegue o número de série da opção atualmente selecionada
var val = obj.options[index]=new Option("novo texto","novo valor");
8.Excluir seleção
Copie o código do código da seguinte forma:
função removeSelect(){
var minhaSeleção = document.getElementByIdx_x("minhaSeleção");
mySelect.parentNode.removeChild(mySelect);
}
O código completo para todo o exemplo é o seguinte:
Copie o código do código da seguinte forma:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<cabeça>
<meta http-equiv="Content-Type" content="text/html">
<cabeça>
<linguagem de script=JavaScript>
função $(id)
{
retornar documento.getElementByIdx_x(id)
}
função mostrar()
{
var selectObj=$("área")
var minhaOpção=document.createElement_x("opção")
myOption.setAttribute("valor","10")
myOption.appendChild(document.createTextNode("Xangai"))
var minhaOpção1=document.createElement_x("opção")
myOption1.setAttribute("valor","100")
myOption1.appendChild(document.createTextNode("Nanjing"))
selectObj.appendChild(minhaopção)
selectObj.appendChild(minhaOpção1)
}
escolha de função()
{
var index=$("área").selectedIndex;
var val=$("área").options[index].getAttribute("valor")
se(valor==10)
{
var i=$("contexto").childNodes.length-1;
var remobj=$("contexto").childNodes[i];
remobj.removeNode(verdadeiro)
var sh=document.createElement_x("selecionar")
sh.add(nova opção("Nova Área de Pudong","101"))
sh.add(nova opção("Distrito de Huangpu","102"))
sh.add(nova opção("Distrito de Xuhui","103"))
sh.add(nova opção("Distrito de Putuo","104"))
$("contexto").appendChild(sh)
}
se(valor==100)
{
var i=$("contexto").childNodes.length-1;
var remobj=$("contexto").childNodes[i];
remobj.removeNode(verdadeiro)
var nj=document.createElement_x("selecionar")
nj.add(nova opção("Distrito de Xuanwu","201"))
nj.add(nova opção("白下区","202"))
nj.add(nova opção("Distrito de Xiaguan","203"))
nj.add(nova opção("Distrito Qixia","204"))
$("contexto").appendChild(nj)
}
}
funçãocalc()
{
var x=$("contexto").childNodes.length-1;
alerta(x)
}
função remover()
{
var i=$("contexto").childNodes.length-1;
var remobj=$("contexto").childNodes[i];
remobj.removeNode(verdadeiro)
}
</script>
<corpo>
<div id="contexto">
<select id="area" onchange="choice()">
</selecionar>
</div>
<input type=button value="Mostrar" onclick="show()">
<input type=button value="Nó de cálculo" onclick="calc()">
<input type=button value="Excluir" onclick="remove()">
</body>
</html>
Versão melhorada: adicione, modifique e exclua elementos de opção na seleção
Copie o código do código da seguinte forma:
função watch_ini(){ // inicial
for(var i=0; i<argumentos.comprimento; i++){
var palavra = document.createElement_x("OPÇÃO");
palavra.texto = argumentos[i];
watch.keywords.add(word); // watch é o nome do formulário.
}
}
function watch_add(f){ //adiciona
var palavra = document.createElement_x("OPÇÃO");
palavra.texto = f.palavra.valor;
f.palavras-chave.add(palavra);
}
No entanto, o método add() acima só é válido no IE. Para ser compatível com FF e Opera, o código acima foi melhorado.
Copie o código do código da seguinte forma:
função watch_ini(){ // inicial
for(var i=0; i<argumentos.comprimento; i++){
var oOption=new Option(argumentos[i],argumentos[i]);
document.getElementByIdx_x("MySelect")[i]=oOption;
}
}
function watch_add(f){ //adiciona
var oOption=new Option(f.word.value,f.word.value);
f.keywords[f.keywords.length]=oOption;
}
O código completo para todo o exemplo é o seguinte:
Copie o código do código da seguinte forma:
<!doctype html public "-//w3c//dtd html 4.0 transicional//en">
<html>
<cabeça>
<title>valor do texto das opções de seleção de javascript</title>
<meta name="keywords" content="javascript selecionar opções texto valor adicionar modificar excluir conjunto">
<meta name="description" content="javascript selecionar opções texto valor adicionar modificar excluir conjunto">
<linguagem script="javascript">
<!--
função watch_ini(){ // inicial
for(var i=0; i<argumentos.comprimento; i++){
var oOption=new Option(argumentos[i],argumentos[i]);
document.getElementByIdx_x("MySelect")[i]=oOption;
}
}
function watch_add(f){ //adiciona
var oOption=new Option(f.word.value,f.word.value);
f.keywords[f.keywords.length]=oOption;
}
função watch_sel(f){ //Editar
f.palavra.valor = f.palavras-chave[f.palavras-chave.selectedIndex].texto;
}
function watch_mod(f){ // Modificar
f.palavras-chave[f.palavras-chave.selectedIndex].text = f.palavra.valor;
}
function watch_del(f){ // Excluir
f.keywords.remove(f.keywords.selectedIndex);
}
function watch_set(f){ // salva
var set = "";
for(var i=0; i<f.palavras-chave.length; i++){
set += f.keywords[i].text + ";";
}
confirmar(definir);
}
//-->
</script>
</head>
<corpo>
<form name="watch" method="post" action="">
<select id="MySelect" name="keywords" size="10" onchange="watch_sel(this.form)"></select><br>
<linguagem script="javascript">
<!--
watch_ini("I","You","","He","She","It","Er");
//-->
</script>
<input type="text" name="palavra" /><br />
<input type="button" value="Adicionar" onclick="watch_add(this.form);"
<input type="button" value="Modificar" onclick="watch_mod(this.form);"
<input type="button" value="Excluir" onclick="watch_del(this.form);"
<input type="button" value="Salvar" onclick="watch_set(this.form);"
</form>
Crie um método array a partir de uma string:
Copie o código do código da seguinte forma:
<linguagem script="javascript">
</body>
</html>
<roteiro>
função divisão(){
datastr="2,2,3,5,6,6";
varstr=new Array();
str=datastr.split(",");
para (i=0;i<str.comprimento;i++)
{document.write(str[i]+"<br/>");
}
divisão();
</script>
Depurei um pedaço de js hoje e funcionou bem no IE. No entanto, ocorreu um erro ao depurar no Firefox. Verifiquei as informações e descobri que.
obj.add(new Option("text","value")); //Isso só é válido no IE
obj.options.add(new Option("text","value")); //Isso é compatível com IE e Firefox
Por causa desse código, procurei informações na Internet e coletei este artigo para revisar o antigo js em tempo real.