How to change text based on option selected?
<p>This is probably simple but I can't work it out.</p>

<p>I want to be able to change some paragraph text based on which option is selected.</p>

<p>HTML</p>

<pre><code>&lt;form action=""&gt;
&lt;select name="" id=""&gt;
  &lt;option id="1" value="One"&gt;One&lt;/option&gt;
  &lt;option id="2" value="Two"&gt;Two&lt;/option&gt;
  &lt;option id="3" value="Three"&gt;Three&lt;/option&gt;
&lt;/select&gt;
&lt;/form&gt;
&lt;br /&gt;
&lt;p&gt;Text&lt;/p&gt;
</code></pre>

<p>JQ</p>

<pre><code>$("#1").click(function(){
$("p").html("Changed!");
});
</code></pre>

<p>Here's the pen:</p>

<p><a href="https://codepen.io/anon/pen/qNawgv" rel="nofollow">https://codepen.io/anon/pen/qNawgv</a></p>