0

我在 yii 中使用选择的 javascript ( http://harvesthq.github.com/chosen/ ) 插件从下拉列表中获取多个输入。我使用此代码：-

    <!doctype html> 
<html lang="en"> 
<head>

  <link rel="stylesheet" href="chosen/chosen.css" />
</head>
<body>
    <h2>Multiple Select</h2>
    <div>

      <div>    
        <select data-placeholder="Choose a Country..." class="chzn-select" multiple style="width:350px;" tabindex="4">
          <option value=""></option> 
          <option value="United States">United States</option> 
          <option value="United Kingdom">United Kingdom</option> 
          <option value="Afghanistan">Afghanistan</option> 

        </select>
      </div>
    </div>


  <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" type="text/javascript"></script>
  <script src="chosen/chosen.proto.js" type="text/javascript"></script>
  <script type="text/javascript">
  document.observe('dom:loaded', function(evt) {
    var select, selects, _i, _len, _results;
    if (Prototype.Browser.IE && (Prototype.BrowserFeatures['Version'] === 6 || Prototype.BrowserFeatures['Version'] === 7)) {
      return;
    }
    selects = $$(".chzn-select");
    _results = [];
    for (_i = 0, _len = selects.length; _i < _len; _i++) {
      select = selects[_i];
      _results.push(new Chosen(select));
    }
    deselects = $$(".chzn-select-deselect");
    for (_i = 0, _len = deselects.length; _i < _len; _i++) {
      select = deselects[_i];
      _results.push(new Chosen(select,{allow_single_deselect:true}));
    }
    return _results;
  });
  </script>
</body>
</html>

当作为一个简单的项目运行时，它运行良好，包括另一个名为 selected 的文件夹中的资源 selected.jquery.js、chosen.jquery.min.js、chosen.proto.js、chosen.proto.min.js。但它不起作用，当在 yii 项目中实现相同时。是否需要任何额外的代码片段才能使插件在 Yii 中工作？

4

0 回答 0