I have some custom drop-down menu's on a Wordpress powered site. When a user is adding a new post they will add three details to the post using the drop down menu's. For example one select box might look like this: <select id="car-make"> <option value="Volvo">Volvo</option> <option value="Ford">Ford</option> <option value="Toyota">Toyota</option> </select> After the user chooses from the drop-down I want it to automatically add the value to the blog posts 'tags'. I can't modify the code that outputs the select box's else I might add <select id="car-make" onchange="update_tags();"> so it would need to be a function inside the <head> tag that listens to the specific <select> ID's and then changes the value of the <input> ID when the event happens. Any ideas?
You can use: document.getElementById('car-make').addEventListener('change', myFunc, false); Code (markup): This is for firefox, opera, etc. And now for IE: document.getElementById('car-make').attachEvent('onchange', myFunc); Code (markup): Where myFunc is the name of the function that you want to add the text into the tags. It will be called when the user change the select box. Good luck