JQuery onClick Pre-Populate

时间:2011-10-04 15:06:33

标签: javascript jquery onchange

我正在尝试做以下事情 - 有人可以帮助我吗?

我需要从逗号分隔的文本字段预先填充“日期”选择下拉列表。

<select id="place">
   <option>Manchester</option>
   <option>London</option>
</select>

<select id="date">
</select>

所以基本上这就是我要找的......

对于Place的OnChange“listener”,当“Place”更改时,它将获得文本字段“Place.txt”,例如,如果我选择London,它将获得“London.txt”。这将包含一个带逗号分隔值的txt文件,即。 Date1,Date2,Date3等。

然后需要在每个日期预先填充“日期”。

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

$("#place").change(function(){
     var fileName = $("select option:selected").text() + ".txt";

     $.get(fileName, function(data) {
       var dates = data.split(",");
       var str = "";
       $.each(dates,function(index,value){
            str += "<option>"+value+"</option>";
       });
       $('#date').html(str);
     });
});

试试这个。未经测试的你可能需要稍微玩一下,但这是一般的想法