Deselect after focus

Question

I am switching between different projects by on change event on select element. I am getting them from DB. But before loading different project i have to store name of previous one.For that i am using on focus event.

How can i then deselect my select element?

document.getElementById("selectProject").selected = false;

is not working.

 var whichProjectToSave;

    function onFocusSelectProject(){
    //for saveJsonF();
    whichProjectToSave=document.getElementById("selectProject").value;
    }


function callSettingswindow(){       
 saveJsonF();
 canvas.clear();
 getJsonF();////////////////////////////////////                              
 document.getElementById("selectProject").selected = false;   
}    
document.getElementById("selectProject").onchange= callSettingswindow;

To make it clear: How to deselect "select" element after change is performed?

[This](https://stackoverflow.com/a/18749853/5894241) might help. — Nisarg Shah, Aug 06 '17 at 10:55
It will take as solution just to redirect focus on other element. — , Aug 06 '17 at 17:06

score 0 · Accepted Answer · answered Aug 07 '17 at 03:58

I am not aware of any methods that will let you "de-focus" from an element. But you could focus on any other element - as a result the select element will lose focus.

You could make use of jQuery if you wanted to programmatically focus on the element with next tab index. See this answer for more details.

Deselect after focus

1 Answers1