是否有任何网站或工具可以提供大约(1000 个单词)的单词列表并生成包含所有单词的下拉列表的 HTML 代码。例如:单词:jak, jo, jhon, ... HTML 代码应该是这样的:
<select>
<option value="jak">jak</option>
<option value="jo">jo</option>
<option value="jhon">jhon</option>
</select>
谢谢你的帮助
是否有任何网站或工具可以提供大约(1000 个单词)的单词列表并生成包含所有单词的下拉列表的 HTML 代码。例如:单词:jak, jo, jhon, ... HTML 代码应该是这样的:
<select>
<option value="jak">jak</option>
<option value="jo">jo</option>
<option value="jhon">jhon</option>
</select>
谢谢你的帮助
假设您将每个单词放在一行中,请在 Notepad++ 中打开列表并以正则表达式模式对其进行查找和替换。
寻找:
([\w-]+)
用。。。来代替:
<option value="\1">\1</option>
这在 Javascript 中绝对是可能的。我认为这里不需要网站。名称列表是否存储在数组中?如果是这样,您可以执行以下操作:
<select>
<script type="text/javascript">
for (var i=0;i<names.length;i++){
document.write('<option value="'+names[i]+'">'+names[i]+'</option>')
}
</script>
</select>
如果这不是你想要的,请告诉我。
以下是使用 JavaScript 和 jQuery 创建它的方法:
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function() {
var words = "jak,jo,jhon";
var wordsArray = words.split(',');
for(var i = 0, len = wordsArray; i < len; i++) {
$('select').append('<option>' + wordsArray[i] + '</option>');
}
});
</script>
</head>
<body>
<select />
</body>
/* comma separated list of words */
var wordList = 'jak,jo,jhon';
var html = '';
var wordArray = wordList.split(",");
html += '<select>';
for (var i = 0; i < wordArray.length; i++) {
html += '<option value="' + wordArray[i] + '">' + wordArray[i] + '</option>';
}
html += '</select>';
alert(html);