Show which list item was selected in another div container
Sometimes you want text to dynamically change to show the user which element they selected. This tutorial uses jQuery to grab the content and place it into another div each time a list item is selected.
- HTML & CSS
Add this to your HTML code.
This is where we’ll be getting the text data from regarding the list item selected
This is the container where the text will change depending on the selected list item.
Add this to your custom scripts. Make sure you have jQuery installed.
var fileName = e.target.files.name;
$(".the-file").html("<b>" + fileName + "</b>");