I have a site with the same form in different spots on the page. I would like to be able to have a placeholder in a text input change when I change the select option. I have a JSFiddle with a kinda example: http://jsfiddle.net/y1jhhqLz/
All the forms look like this:
<form id="form1"> <select id="mySelect1" onClick="changePlaceHolder('#mySelect1','#myInput1')"> <option value='-1'>Form 1</option> <option value='First'>First Choice</option> <option value='Second'>Second Choice</option> <option value='Third'>Third Choice</option> </select> <input id="myInput1" type="text" placeholder="Form 1"></input> <input class="dontChangeME" type="text" placeholder="Don't Change This One!"></input> </form>
And in this example, I would like to have the place holder change on the input with the id myInput, when I select the option Third.
I have tried many different ways to include the most recent attempt, which I put on the JSFiddle.
Any help would be greatly appreciated!