創建HTML下拉列表？

是否有任何網站或工具，我可以給（1000字）單詞列表，並生成下拉列表中的HTML代碼包含所有的單詞。例如：話：JAK，喬，JHON，... 的HTML代碼應該是這樣的：創建HTML下拉列表？

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

感謝幫助

來源

2013-10-01 Mohammed Israwi

JavaScript是一個相當不錯的工具=） – andi

是有使用JavaScript？什麼辦法！怎麼樣？？！！ –

你有一個半角型的編輯器支持使用正則表達式查找和替換嗎？ – Ryan

假設你有一個線上的每個字，用記事本打開清單++和運行在正則表達式模式下查找並替換它。

查找：

([\w-]+)

替換爲：

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

來源

2013-10-01 14:12:20 Ryan

你確定這是正確的嗎？我很高興知道這一點，但它似乎不能在Notepad ++ v6.1.2中工作。它只是用''替換每一行。除了完整的正則表達式模式之外還有其他要求嗎？ – toniedzwiedz

@Tom：哈，其實我忘記了括號。謝謝！ – Ryan

現在，這將派上用場:) – toniedzwiedz

這是definetly可能在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>

讓我知道，如果這不是你想要的。

來源

2013-10-01 14:10:19 NicolasMoise

'document.write'很糟糕，並且在JavaScript中創建HTML很糟糕，並且您缺少大括號。 – Ryan

我加了大括號。我知道document.write是壞的，但這個人似乎並不是最熟練的JS程序員。他想要Angular解決方案嗎？ – NicolasMoise

如果人們繼續給他提供他們認識不好的東西，他幾乎不會變得更精通...... – Ryan

下面是如何使用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>

來源

2013-10-01 14:10:35 udidu

不，這就是如何用jQuery創建它。 – Ryan

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

來源

2013-10-01 14:11:40 andi

創建HTML下拉列表？

回答

相關問題