ホームページ > 記事 > ウェブフロントエンド > JS ListBox的简单功能实现代码_javascript技巧

JS ListBox的简单功能实现代码_javascript技巧

WBOYオリジナル: 2016-05-16 18:59:23938ブラウズ

页面效果如下：

代码也贴出来跟大家分享：

var isExist = false; 
for(j = 0; j < output.length; j ++ ){ 
if (output[j].text == input[i].innerText){ 
isExist = true; 
break; 
} 
}

if (isExist == false){ 
var option = new Option(); 
option.text = input[i].innerText; 
output.add(option); 
} 
} 
} 
}

function deleteIt(){ 
var output = document.getElementById("output"); 
for(i = 0; i<output.length; i++){ 
if (output[i].selected == true){ 
output.options.removeChild(output[i--]); 
} 
}

} 
// --> 
</script> 
<table width="80%" border="0" align="center" style="margin-top:20px;"> 
<tr> 
<td align="right"> 
<select name="input" size="10" multiple id="input" style="width:200px; font-size:16px"> 
<option>缇</option></select>
</td>
</tr>
</table>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：js判断变量是否空值的代码_javascript技巧次の記事：JavaScript 读URL参数增强改进版版_javascript技巧

続きを見る

JS ListBox的简单功能实现代码_javascript技巧

関連記事