I want to use drop down control on SharePoint framework webpart(done) and on change event to call some method/ some rest api and so.but it is not allowing.

I did not find any article where spfx web part is shown with drop down. whereever I found drop down, it was in web part edit mode.I am sure end user will laugh if I go and say hay edit web part, and choose drop down to change the data.

some body have achieved ?

2 Answers 2


Hope my test demo here which use AsyncDropdown of gitHub would helpful for you.

Here is the thread for your reference.



Here is code that should work for you:

public render(): void {
    this.domElement.innerHTML = `
        <select id="activeDdl">
          <option value="Data1">Data1</option>
          <option value="Data1">Data2</option>
          <option value="Data1">Data3</option>

    $(document).on('change', '#activeDdl', function (e) {
      //get dropdown selected value
      var selectedVal = $("#activeDdl").find("option:selected").val();


Chandani Prajapati

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.