摆脱选择选项中的未定义

时间:2016-07-13 13:13:20

标签: javascript html

我有代码读取上传的文本文件,并将其作为不同<select>的选项进行排序。因为我使用for循环并将其设置为小于file.length。文本文件中的所有选项都已正确读取,但文本完成后,其余选项将显示为undefined。我想知道如何摆脱这些undefined?如果混淆,请在下面评论以获得进一步的解释。

2 个答案:

答案 0 :(得分:1)

我已经更新了你的代码。检查此Fiddle。它为我工作的内容为Arif, John, Sonya, SuperGirl, The Flash, Batman, Suparman

的.txt文件

我将if语句添加到for循环中,并将3个循环合并为一个

for (var i = 0; i < results.length; i=i+3) {
      $('#name').append('<option val="1">' + results[i] + '</option>');
      $('#name2').append('<option val="1">' + results[i] + '</option>');
      if(typeof results[i+1] !== 'undefined') {
         $('#address').append('<option val="1">' + results[i+1] + '</option>');
         $('#address2').append('<option val="1">' + results[i+1] + '</option>');
      }
      if(typeof results[i+2] !== 'undefined') {
         $('#size').append('<option val="1">' + results[i+2] + '</option>');
         $('#size2').append('<option val="1">' + results[i+2] + '</option>');
      }
    }

答案 1 :(得分:0)

你应该做

for (var i = 0; i < results.length; i=i+3) {

或者您应该从文件中获取价值

$('#name').append('<option value="1">' + file[i] + '</option>');