通过从文本文件中检索信息来替换select->选项

时间:2012-09-24 20:20:06

标签: javascript html

我正在尝试摆脱选项值并从文本文件中检索信息。因此,当我后来想要添加SP4时,我可以转到文本文件并添加SP4,如下所示。因此,我不必通过代码来更新我想要添加的内容。

servicePackinfo.txt SP1 SP2 SP3 SP4

<select name="servicePack">
   <option value="SP1">SP1</option>
   <option value="SP2">SP2</option>
   <option value="SP3">SP3</option>

提前致谢

1 个答案:

答案 0 :(得分:1)

试试这个。请记住,如果您只是复制并粘贴此示例,则文件servicePackinfo.txt必须位于同一目录中。

<select name="servicePack" id="servicePack"></select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>

$(document).ready(function() {
    $.get('servicePackinfo.txt', function(data) {
        var options = data.split(' ');
        for (var i=0;i<options.length;i++)
        {
           $('<option value="' + options[i] + '">' + options[i] + '</option>').appendTo('#servicePack');        
        }
    });
});

</script>