Question

我有一个div用于决定多选省份列表，当我点击每个选项时，它会移动到另一个框（用户可以选择几个省）。和另一个区域决斗多区选区。

    <div>
        <select multiple class="multiselect" id="province" name="province">  
            <?PHP foreach($provinces->result() as $province){ ?>
                 <option value="<?=$province->id?>"><?=$province->name?></option>
            <?PHP } ?>  
       </select> 
    </div>
    <div id="district_div">
        <select multiple class="multiselect" id="district" name="district" >  
        </select>
    </div>

省份列表是正确的，用户可以选择多省份。但我需要的是省选择标签的onchange，以带来所选省的区域并将它们放在district_div中。我有改装的ajax带来区：

    function bring_page(page,name,id,divname,str)
{
     var dropdownIndex = document.getElementById(name).selectedIndex;
     var dropdownValue = document.getElementById(name)[dropdownIndex].value;
     var url=page;
     var params='&'+id+'='+dropdownValue+'&'+str;

     //call ajax 
     makerequest_sp(url, params, divname);
}

函数bring_page是正确的，适用于正常选择。我认为问题在于引导程序。我正在使用bootstrap插件。

感谢您的帮助

Answer 1

您需要在循环中获取选项的值，因为您将拥有多个。我不知道你的后端是如何期待数据的，但是这样的事情可以起作用。

function bring_page(page, name, id, divname, str) {
     var url=page;
     var params = "&" + id +"=";

     var dropdown = document.getElementById(name);
     var options  = dropdown.options;
     var values = [];
     for (var i = 0; i < options.length; i++) {
        if (options[i].selected) {
            values.push(options[i].value);
        }
     }

     params += values.join(",");


     //call ajax 
     makerequest_sp(url, params, divname);
}

onboot事件，用于下载bootstrap multiselect

1 个答案: