Keyup and Change function transfer and remove text
<p>Let me preface this with: I am very new to the coding side of things, I come from a design background... but here we go...</p>

<p>I am using the keyup and change jquery to transfer values over to a display image that will be printed (The values are also inserted into the DB).</p>

<p>My problem is the options for my input include both the size and description, but all I want to transfer with keyup/change is the size.</p>

<pre><code>    Cake Type: &lt;select name="Cake" id="cake"&gt;
    &lt;option value="5 3/8&amp;#34; Cake Pie" &gt;5 3/8" - Cake Pie&lt;/option&gt;
    &lt;option value="5 7/8&amp;#34; Pretzal Pie" &gt;5 7/8" - Pretzal Pie&lt;/option&gt;
    &lt;option value="5 1/2&amp;#34; Wing Ding" &gt;5 1/2" - Wing Ding&lt;/option&gt;
    &lt;option value="5 1/2&amp;#34; Objectonator" &gt;5 1/2" - Objectonator&lt;/option&gt;
    &lt;/select&gt;
</code></pre>

<p>Currently I use this the keyup and change jquery to transfer the value:</p>

<pre><code>$("#cake").change(function () {
    var value = $(this).val();
    $("#cake_transfer").text(value);
}).keyup();
$("#cake").keyup(function () {
    var value = $(this).val();
    $("#cake_transfer").text(value);
}).keyup();
</code></pre>

<p>So is it possible to remove the description and just transfer the size (ie: 5 1/2")?</p>

<p>Thanks for any help</p>
