[javascript] addEventListener, "change" and option selection

var activities = document.getElementById("activitySelector");

activities.addEventListener("click", function() {
    var options = activities.querySelectorAll("option");
    var count = options.length;
    if(typeof(count) === "undefined" || count < 2)
    {
        addActivityItem();
    }
});

activities.addEventListener("change", function() {
    if(activities.value == "addNew")
    {
        addActivityItem();
    }
});

function addActivityItem() {
    // ... Code to add item here
}

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to dom-events

• Detecting real time window size changes in Angular 4 • Does Enter key trigger a click event? • What are passive event listeners? • Stop mouse event propagation • React onClick function fires on render • How do you Hover in ReactJS? - onMouseLeave not registered during fast hover over • iFrame onload JavaScript event • addEventListener, "change" and option selection • Automatically pass $event with ng-click? • JavaScript click event listener on class