Este artigo trata principalmente dos métodos mais básicos relacionados a javascript e select, para referência de pessoas que não estão familiarizadas com javascript. Uma situação comum é que a pessoa que propõe a estrutura do formulário não precise apenas projetar a lógica do programa e criar estruturas de dados, mas também projetar o estilo do formulário e estar familiarizado com javascript. Algumas empresas podem exigir que você seja proficiente; no photoshop: no começo, todos nós somos versáteis.
O seguinte é a base do nosso exemplo; este não é um formulário padrão.
<form id="f">
<selecione tamanho="1" nome="s">
<option value="VeVB.COm">Wulin.com</option>
<option value="baidu.com">Baidu</option>
</selecionar>
</form>
-------------------------------------------------- --------------------------
Copie o código do código da seguinte forma:
<script type="texto/javascript">
<!--
var f = document.getElementById("f");
//Obtém o número de itens da lista de seleção
documento.write(fsoptions.length);
documento.write(fslength);
//O subscrito do item atualmente selecionado (começando em 0) (existem dois métodos)
//Se vários itens forem selecionados, retorna o subscrito do primeiro item selecionado
document.write(fsoptions.selectedIndex);
document.write(fselectedIndex);
//Verifica se um item está selecionado
document.write(fsoptions[0].selected);
//Obtém o valor e o texto de um determinado item
document.write(fsoptions[0].valor);
document.write(fsoptions[1].text);
//Exclui um item
fsopções[1] = nulo;
//Adiciona um item
fsoptions[fsoptions.length] = new Option("Texto adicional", "Valor adicional");
//Altera um item
fsoptions[1] = new Option("texto alterado", "valor alterado");
//Você também pode definir diretamente o texto e o valor do item
//-->
</script>
//Seleciona todos os itens da lista
função SelectAllOption(lista)
{
for (var i=0; i<lista.opções.comprimento; i++)
{
list.options[i].selected = true;
}
}
//Inverter a seleção de itens na lista pela rede de aprendizagem VeVB.COm asp
functionDeSelectOptions(lista)
{
for (var i=0; i<lista.opções.comprimento; i++)
{
lista.options[i].selected = !list.options[i].selected;
}
}
//Retorna o número de itens selecionados na lista
função GetSelectedOptionsCnt(lista)
{
var cnt = 0;
var eu = 0;
para (i=0; i<lista.opções.comprimento; i++)
{
if (lista.opções[i].selecionado)
{
cnt++;
}
}
retornar cnt;
}
//Limpa a lista
função ClearList(lista)
{
enquanto (lista.opções.comprimento > 0)
{
lista.opções[0] = nulo;
}
}
//Exclui o item selecionado da lista
//Retorna o número de itens excluídos
função DelSelectedOptions(lista)
{
var eu = 0;
var deletadoCnt = 0;
enquanto (i <lista.opções.comprimento)
{
if (lista.opções[i].selecionado)
{
lista.opções[i] = null;
excluídoCnt++;
}
outro
{
eu++;
}
}
retornar Cnt excluído;
}
//Esta função descobre se o item correspondente existe
//repeatCheck se deseja realizar a verificação de repetibilidade
//Se for "v", realiza verificação de valor duplicado por valor
//Se for "t", realiza verificação de valor duplicado com base no texto
//Se for "vt", realiza verificação de valor duplicado por valor e texto
//Outros valores, sem verificação de repetibilidade, retorna falso
função OptionExists (lista, optText, optValue, repeatCheck)
{
var eu = 0;
var encontrar = falso;
if (repetirCheck == "v")
{
//Verificação de valor duplicado por valor
para (i=0; i<lista.opções.comprimento; i++)
{
if (list.options[i].value == optValue)
{
encontrar = verdadeiro;
quebrar;
}
}
}
senão if (repeatCheck == "t")
{
//Repetir verificação por texto
para (i=0; i<lista.opções.comprimento; i++)
{
if (list.options[i].text == optText)
{
encontrar = verdadeiro;
quebrar;
}
}
}
senão if (repeatCheck == "vt")
{
//Verificação duplicada por valor e texto
para (i=0; i<lista.opções.comprimento; i++)
{
if ((list.options[i].value == optValue) && (list.options[i].text == optText))
{
encontrar = verdadeiro;
quebrar;
}
}
}
retornar encontrar;
}
//Acrescenta um item à lista
//list é a lista a ser anexada
//optText e optValue representam o texto e o valor do item respectivamente
//repeatCheck se deseja realizar a verificação de repetibilidade, consulte OptionExists
//Retorna verdadeiro se adicionado com sucesso, falso se falhar
função AppendOption (lista, optText, optValue, repeatCheck)
{
if (!OptionExists(lista, optText, optValue, repetirCheck))
{
list.options[list.options.length] = new Option(optText, optValue);
retornar verdadeiro;
}
outro
{
retornar falso;
}
}
//inserir item
//posição de inserção do índice, quando a posição de inserção >= o número de itens existentes na lista, sua função equivale a anexar itens sem verificação repetida
//optText e optValue representam o texto e o valor do item respectivamente
função InsertOption(lista, índice, optText, optValue)
{
var eu = 0;
for (i=lista.opções.comprimento; i>índice; i--)
{
lista.opções[i] = nova opção(lista.opções[i-1].texto, lista.opções[i-1].valor);
}
list.options[index] = new Option(optText, optValue);
}
//Exporta itens de uma lista para outra lista
//repeatCheck se deseja realizar a verificação de repetibilidade, consulte OptionExists
//Depois que os itens deleteSource forem importados para o destino, será necessário excluir os itens da lista de origem
//Retorna o número de itens afetados
função ListToList (sList, dList, RepeatCheck, deleteSource)
{
//O número de linhas afetadas
var linhas = 0;
var eu = 0;
enquanto (i<sList.options.length)
{
if (sList.options[i].selected && AppendOption(dList, sList.options[i].text, sList.options[i].value, repeatCheck))
{
//Adicionado com sucesso
linhas++;
if(excluirFonte)
{
//Exclui itens da lista de origem
sList.options[i] = null;
}
outro
{
eu++;
}
}
outro
{
eu++;
}
}
linhas de retorno;
}
//Move o item selecionado para cima na lista
função MoveSelectedOptionsUp(lista)
{
var eu = 0;
var valor = "";
var texto = "";
para (i=0; i<(lista.opções.comprimento-1); i++)
{
if (!list.options[i].selected && list.options[i+1].selected)
{
valor = lista.opções[i].valor;
texto = lista.opções[i].texto;
lista.opções[i] = nova opção(lista.opções[i+1].texto, lista.opções[i+1].valor);
list.options[i].selected = true;
list.options[i+1] = new Option(texto, valor);
}
}
}
//Move o item selecionado para baixo na lista
função MoveSelectedOptionsDown(lista)
{
var eu = 0;
var valor = "";
var texto = "";
para (i=lista.opções.comprimento-1; i>0; i--)
{
//www.VeVB.COm
if (!list.options[i].selected && list.options[i-1].selected)
{
valor = lista.opções[i].valor;
texto = lista.opções[i].texto;
lista.opções[i] = nova opção(lista.opções[i-1].texto, lista.opções[i-1].valor);
list.options[i].selected = true;
list.options[i-1] = new Option(texto, valor);
}
}
}