Question

是否有任何网站或工具可以给出关于（1000个单词）的单词列表，并生成下拉列表的HTML代码包含所有单词。例如：单词：jak，jo，jhon，... HTML代码应该是这样的：

 <select>
<option value="jak">jak</option>
<option value="jo">jo</option>
<option value="jhon">jhon</option>
</select>

感谢您的帮助

Answer 1

假设您在一行中包含每个单词，请在Notepad ++中打开该列表，然后在正则表达式模式下运行查找和替换。

查找

([\w-]+)

替换为：

<option value="\1">\1</option>

Answer 2

这在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>

如果那不是您想要的，请告诉我。

Answer 3

以下是使用JavaScript和＆amp ;;创建它的方法。 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>

Answer 4

http://jsfiddle.net/ArdVp/

/* 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);

创建HTML下拉列表？

4 个答案: