ciaoca / cxselect Goto Github PK

$.fn.cxSelect = function(settings, callback) { this.each(function(i) { $.cxSelect(this, settings, callback); }); return this; };
callback传进去没有调用

想要的效果是：默认不选择状态，三个select 分别显示 选择省 选择市 选择区

jquery.js:9664 XMLHttpRequest cannot load file:///C:/Users/weizong.gao/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E…E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/cxSelect/js/cityData.min.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

当 _this.selectArray[n].data('value') 为数字时，下面的判断值为 false，设置默认值语句没有执行
if (_this.selectArray[n].data('value') && _this.selectArray[n].data('value').length) {
建议改成
if (String(_this.selectArray[n].data('value')) {
或
if (_this.selectArray[n].data('value') || _this.selectArray[n].data('value') === 0) {

html代码：

<table>
        <div id="selectt12">
            <tr>
                <th>dd2 </th>
                <td>
                    <div class="selectContainer">
                        <div class="arrow"></div>
                        <select name="HrReport[t12]" id="t12" class="select12">
                            <option value="">--</option>
                            <option value="4077" >1</option>
                        </select>
                    </div>
                </td>
            </tr>
            <tr>
                <th>dd2.1 </th>
                <td>
                    <div class="selectContainer">
                        <div class="arrow"></div>
                        <select name="HrReport[t13]" id="t13"
                                data-url="/backend.php?r=report/report/fieldOptionTree&field_id=1582&level=2" class="select13" data-json-space="data" data-json-name="name" data-json-value="value">
                            <option value="">--</option>
                        </select>
                    </div>
                </td>
            </tr>
        </div>
    </table>

js代码：

$('#selectt12').cxSelect({
        selects: ['select12', 'select13'],
        jsonName: 'name',
        jsonValue: 'value'
    });

这样的html结构，cxSelect没有生效，请问是什么原因？理论上是在寻找 .select12 .select13 这两个class，但是实际没有渲染到，请帮忙指点，多谢

$('#element_id').cxSelect({
url: 'cityData.min.json' // 提示：如果服务器不支持 .json 类型文件，请将文件改为 .js 文件
selects: ['province', 'city', 'area'], // selects 为数组形式，请注意顺序
emptyStyle: 'none'
});

应为:
$('#element_id').cxSelect({
url: 'cityData.min.json', // 提示：如果服务器不支持 .json 类型文件，请将文件改为 .js 文件
selects: ['province', 'city', 'area'], // selects 为数组形式，请注意顺序
emptyStyle: 'none'
});

第二行缺少 ,

Request header field X-API-REQUEST is not allowed by Access-Control-Allow-Headers in preflight response.
采取这种 JS 里面获取 json 数据 ，是很不合理的一种方式，可以通过在数据文件里面 执行 js 然后将数据继承到现有变量，在程序中直接调用就好了

空间在回显设置了disabled不起作用

How to add option optgroup label?

请问支持JSONP吗

我这有一个页面　　每次打开时会从数据库中取这一条的省市区数据　　但是我没找到能把数据写到选择框中的方法

由于页面用ajax的方式取数据　所以需要在csSelect实例化之后才能写入数据　不知道有没有相关的方法

这是控制台里的数据:

请问下这个问题怎么解决啊?

如题，感谢~

自定义数据，多级，怎么设置默认值

<div id="app">

<div id="element_id">
  <select class="province"></select>
  <select class="city"></select>
  <select class="area"></select>
</div>

这样就不行，请检查一下是什么原因，谢谢！

如果数据放在不同域名下。出现跨域问题。浏览器无法获取数据

联动菜单 无法 通过 js 动态设置值.

如省市区联动中，我常常遇到的一个需求就是，省是非必选的，但是如果选中了省，那么市与区都会自动选择第一个作为默认值，所以在子级联项中就不应该有firstTitle。
如果将其扩展成给每一个selects都配置自己的配置对象{name：？， required：？}就更好了。

无法通过api的方式回显。

子级怎么设置默认值, 比如子级我先设置: 选择市 现在直接自己是空的

有没有办法在每次select改变后触发某个function，以便在function中做进一步的其他的操作？

不兼容ie8

可以带输入搜索吗，类似select2那种。

首先感谢你做出这么好的插件。
提个小小的需求：在每一次 select 内容被重新渲染的时候，都产生一个事件。
例如选择省份的时候，市级select会重新渲染。这个时候市级select上整个select组会触发一个render事件。有了这个事件，就可以用select2这样的插件给select增加搜索功能。

var timer = -1;
self.dom.box.on('change', 'select', function() {
  self.selectChange(this.className);
  if (timer == -1) {
    timer = setTimeout(function() {
      self.dom.box.trigger('afterRender');
      timer = -1;
    }, 10);
  }
});

试了下，这样的代码应该就可以了。

RT，有需求需要用到特定的select下的json数据，有这样的用法吗，谢谢

也不报错

version 1.4.2
_queryName = self.selectArray[j].data('queryName');
data-queryName 浏览器会自动转为小写的data-queryname，从而导致_queryName 为undefined

添加option时未进行防止xss的操作

要按照demo里的直接返回，不包裹在data里面数据是正常的，只要包裹了，数据就出不来

$('#w1').cxSelect({ url: API_URL + 'v1/site/region-tree', selects: ['province', 'city', 'district'], // selects 为数组形式，请注意顺序 emptyStyle: 'hidden', jsonSpace: 'data', jsonName: 'region_name', jsonValue: 'region_code', jsonSub: 'children' });

麻烦看一下jsonSpace的问题，我尝试切换到jquery.cxselect.js version 1.3.11时，发现jsonSpace是生效的，但是emptyStyle又不生效了

我用jq修改了下拉菜单的值，但是下一级没有联动变化

$(".current-type option[value='geo']").prop('selected', true);

希望能添加支持rest风格的ajax请求.

$.cxSelect.defaults.url = '/statics/cxSelect/js/cityData.min.json';
我在调用之前设置全局变量，没有效果