两个动态下拉列表选择jquery javascript

时间:2013-01-15 20:27:08

标签: php jquery css ajax codeigniter

我正在使用codeigniter构建一个Web应用程序。我从主题森林下载了一个模板。现在我被困在一个我无法回去并开始研究新模板的地方。所以我有两个选择框。我想要的是如果我选择一个框,结果将出现在第二个选择框中。好吧,我已经完成了这个功能。我遇到的问题是如果我更改了第二个选择框的css类,那么功能就不起作用了。

因为我喜欢选择框的设计,所以我不想摆脱css类。我想保持css和功能都有效。我将在我实现功能的地方展示我的JavaScript脚本。但主要问题是css。因为css类名是这个“cho”,但是当我在浏览器上运行脚本时,它将类更改为运行时,然后变为“cho chzn-done”。你只能在萤火虫上看到这个。

但是如果你在视图页面上看到它会看起来'cho'。然后问题是我无法在任何css或js文件中找到“cho”并且“cho chzn done”。所以我想要的是在这两个选择框上实现功能。我上传了一个简单的html文件。你也可以查看这个。希望你明白我的问题是什么。

 http://hello.hostingsiteforfree.com/select%20box/myforms.html  

如果你想下载它..文件名是select.rar

http://hello.hostingsiteforfree.com/ 如果任何人可以在这些选择框上完成这个动态功能,那么我将非常感谢他..我不需要任何JavaScript或任何jquery代码或者想要你可以从我这里编写代码..我只是想要只是看看这个..因为我认为在css或jquery文件中的某些地方会损害我的价值。

我的JavaScript文件,如果你也需要这个我如何捕捉价值......

$(document).ready(function () {
  $('#category').change(function () {
    $("#items > option").remove();
    var category_id = $('#category').val();
    $.ajax({
      type: "POST",
      url: "stockInController/get_Items/" + category_id,

      success: function (items) {
        $.each(items, function (item_id, item_name) {
          var opt = $('<option />');
          opt.val(item_id);
          opt.text(item_name);
          $('#items').append(opt);
        });
      }

    });

  });
});

0 个答案:

没有答案