javascript - dojo dynamically loading DropDownSelect widget - Stack Overflow

admin管理员组

文章数量:1394207

I have two DropDownSelect widgets added to my from what i need is to dynamically load the data in the second DropDownSelect widget as the first DropDownSelect widget changes how can i load the data in DropDownSelect widget programitacally.

Abdul khaliq

I have two DropDownSelect widgets added to my from what i need is to dynamically load the data in the second DropDownSelect widget as the first DropDownSelect widget changes how can i load the data in DropDownSelect widget programitacally.

Abdul khaliq

• javascript
• dojo

Share Improve this question Follow asked Oct 29, 2009 at 16:09 Abdul KhaliqAbdul Khaliq 2,4631212 gold badges4040 silver badges6565 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

I think you need something like this:

      dojo.connect(s1, 'onChange', function(value) {

      console.log(value); // selected in s1 value

      s2.addOption([{ 
        label: "new option1", value: 1
      },
      { 
        label: "new option2", value: 2
      },
      { 
        label: "new option3", value: 3
      }]);
    });

In this example above, when selected value of s1 changes, we load 3 new options into s2. You can pass only one option to addOption method instead of array:

    s2.addOption({ label: "new option1", value: 1 }

Probably, you also wish to clear s2 first:

    s2.options = [];

DropDownSelect has an "onChange" method which you can pass an anonymous function that builds the option list for the second select using something like addOption:

var s1 = new dojox.form.DropDownSelect();
var s2 = new dojox.form.DropDownSelect();
s1.onChange(function() {
  s2.addOption(new Option("text","value"));
});

本文标签： javascriptdojo dynamically loading DropDownSelect widgetStack Overflow