Question

我有一个aspx页面，其中包含许多dropkick样式的下拉列表。页面中的某些下拉列表只有一个项目，而同一页面中的某些下拉列表可能包含多个项目。每个下拉列表都有一个调用的onchange事件（javascript）当用户选择下拉列表中的项目时，Ajax功能。

从dropkick.js文件中调用Ajax函数

if ($option.parents('.dk_container').siblings('select').attr('type') == "AttributeValue") {

    //for changing the details of a product when the product attribute is changed
     var selectedItemValue = ''; //the value of the current
     var dropDownName = '';
     selectedItemValue = parseInt($option.attr('data-dk-dropdown-value'));
     dropDownName = $option.parents('.dk_container').siblings('select').attr('name');

     /*javascript function that calls the Ajax function */
     ChangeProductDetails(selectedItemValue, dropDownName);
            }

问题是当用户选择包含多个项目的下拉列表中的项目时调用Ajax函数但不调用Ajax回调函数。

如果下拉列表只包含一个项目，则会按预期调用Ajax回调函数。

提前感谢任何提示

此致

马修

Answer 1

DropKicks看起来像这样：

     $('.change').dropkick({  
     change: function (value, label) {  
     alert('You picked: ' + label + ':' + value);  
       }  
 });

Multiselect Widget有一个如下所示的点击事件：

  $("#multiselect").bind("multiselectclick", function(event, ui){

/ * event：原始事件对象

 ui.value: value of the checkbox

 ui.text: text of the checkbox

 ui.checked: whether or not the input was checked

 or unchecked (boolean)

* /

}）;

您必须以这种方式附加您的更改事件逻辑

我有这个给你..看看吧......

EDITTED

<script type="text/javascript" src="Your-JQueryDropKick_JS_file_path"></script>

 <script type="text/javascript" language="javascript">

    $(document).ready(function () {

   // Logic Code
     $('.change').dropkick({  
         change: function (value, label) {  
         alert('You picked: ' + label + ':' + value);  
         }  
      });
    });

</script>

当dropkick样式下拉列表具有多个项目时，不会调用Ajax回调函数

1 个答案: