如何使用带有HTML组合框()的JavaScript加载文本文件<select>？

Question

首先，感谢您阅读该主题。

---

现在，我正在使用HTML5制作一个网站，我需要根据用户在组合框中的选择加载文本文件。我的意思是，用户从组合框中选择一个选项，其中的文本应显示在表格的特定单元格上。用户在不刷新网站的情况下想要的次数。

问题是代码不起作用。代码：

组合框的 HTML：

     <select id = "comboSelect">
        <option value="text1.txt">text1</option>
        <option value="text2.txt">text2</option>
        <option value="text3.txt">text3</option>
        <option value="text4.txt">text4</option>
        <option value="text5.txt">text5</option>
     </select>

表格单元格的 HTML：

      <td colspan="5" class="text" id = "cuadroTexto"></td>

完成其余工作的 JavaScript

：

$(document).ready(function(){
document.getElementById("comboSelect").addEventListener('change',function () {
    $(document.getElementById("cuadroTexto")).load(value);
    alert("Cargado");
},false);
});

---

编辑 1：

我认为 JavaScript 无法识别组合框中的更改事件。

我还没有使用服务器。

Answer 1

检查这是否有效

法典

$(document).ready(function(){
$("#comboSelect").change(function () {
    $("#cuadroTexto").load(this.value);
    alert($(this).val())
});
});

小提琴 http://jsfiddle.net/krunalp1993/Qr6GK/