Este exemplo compartilha a implementação do JS Selecione o menu suspenso de link secundário para sua referência. O conteúdo específico é o seguinte
<%@ página de página = "java" import = "java.util.*" PageEncoding = "utf-8"%> <%string path = request.getContextPath (); string basepath = request.getscheme ()+": //"+request.getSername ()+":"+request.g); "-// w3c // dtd html 4.01 transitório // pt"> <html> <head> <title> novo documento </title> <meta name = "generator" content = "editplus"> <meta name = "autor" content = "> <meta name =" palavra-chave "" ""> " type = "text/javascript"> // define uma matriz bidimensional de cidades, e a ordem nela é a mesma das províncias. Get the subscript value of the province by selectedIndex to get the corresponding city array var city=[ ["Beijing","Tianjin","Shanghai","Chongqing"], ["Nanjing","Suzhou","Nantong","Changzhou"], ["Fuzhou","Fuan","Longyan","Nanping"], ["Guangzhou", "Chaoyang", "Chaozhou", "Chenghai"], ["Lanzhou", "Baiyin", "Dingxi", "Dunhuang"]]; function getCity () {// Obtenha o objeto da caixa suspensa da província var sltprovince = document.form1.province; // Obtenha o objeto da caixa suspensa da cidade var sltcity = document.form1.city; // Obtenha a matriz da cidade var da província correspondente província = cidade [sltprovince.SelectedIndex - 1]; // Limpe a caixa suspensa da cidade, deixando apenas a opção de prompt sltcity.length = 1; // preencha o valor na matriz da cidade na caixa suspensa da cidade para (var i = 0; i <provincecity.length; i ++) {sltcity [i+1] = nova opção (provincecity [i], província [i]); }} </script> </adhead> <body> <form métod = post action = "" name = "form1"> <select name = "Província" onchange = "getCity ()"> <opção value = "0"> por favor, selecione sua província </option> <pution value = "gansu"> city </option> <puttion) Província "> Província de Fujian </pption> <opção value =" Província de Guangdong "> Província de Guangdong </pption> <opção value =" Província de Gansu "> Província de Gansu </pption> </leclect> <select name =" City "> <Valor da opção =" 0.Este código é relativamente simples.
Se você não estiver familiarizado com o JS, pode dar uma olhada no seguinte conteúdo sobre o processamento JS Selecionar objetos :
1. Use a propriedade SelectedIndex para obter o índice da opção atual
As opções na caixa suspensa são uma matriz linear, cada opção possui um índice e o SelectedIndex representa o número de índice da opção atualmente selecionada. Combinado com o atributo Opções, o objeto de opção selecionado pode ser obtido, para que possa ser mais processado. Quando a caixa suspensa é múltipla selecionável, a propriedade SelectedIndex retorna o primeiro índice selecionado.
SelectedIndex é uma propriedade somente leitura. Se você deseja definir o item na caixa suspensa especificada através do índice para o estado selecionado, poderá definir o objeto selecionado = true do opção para alcançá-lo.
2. Adicione uma opção ao objeto Selecionar
sltcity [i+1] = nova opção (ProvinceCity [i], província [i]);
Nova opção (ProvinceCity [i], Provincy [i]) significa criar um objeto de opção com a província de valor [i] e o texto é a província [i]. Sltcity é o objeto da cidade na página. I+1 especifica a localização da opção recém -adicionada.
3. Limpe um objeto selecionado
Existem duas maneiras de excluir todas as opções na caixa suspensa.
O primeiro método é atravessar a exclusão:
var L = mySelect.Length; for (var i = 0; i <l; i ++) {myselect.options [i] = null; }O segundo método é relativamente simples, então esse método é geralmente usado:
mySelect.Length = 0;