script0r February 2016

changing placeholder of an input via <option>

I need some help with changing the placeholder of an input via <select>,

I mean I need to change the placeholder of an input if the option of the <select> has been changed

My code:

<select id="select" name="se">
   <!-- if this is chosen placeholder will be 'you have chosen option n1' !-->
   <option value="1">option 1</option>
   <!-- if this is chosen placeholder will be 'you have chosen option n2' !-->
   <option value="2">option 2</option>
   <!-- if this is chosen placeholder will be 'you have chosen option n3' !-->
   <option value="3">option 3</option>
</select>
<input type="text" id="inp" name="choosen">

Answers


DinoMyte February 2016

Try this :

$('select').on("change",function()
{
   $('#inp').val("you have chosen option n" + $.trim(this.value));
}).change();

Example : https://jsfiddle.net/DinoMyte/zcL12b1u/1/

Post Status

Asked in February 2016
Viewed 3,076 times
Voted 12
Answered 1 times

Search




Leave an answer