Question

I currently have a select which shows options as

<option>{{ tag.name }} ({{ tag.count }})</option>

However, I would like that when the user selects the option, in the selected options, only the name is visible and not the last part. Think of how stack* shows the tag count but hides it when you select it.

Ideas? Thanks.

Edit: Sorry for not being clear. In chosen, when you select an option, a textbox fills up with the selected data. I want that text to be modified, not the one on the <select>!

Answer 1

EDIT: For your edit, if the option elements have a value attribute set to the text you want to use try:

$(document).ready(function() {
    $("select").change(function() {
        $("input").val( $(this).val() );
    }).change();
});​

Demo: http://jsfiddle.net/CdKGT/2/

Or if you can’t use the value attribute for some reason and want to extract the text from what is displayed:

$("select").change(function() {
    $("input").val( $("option:selected",this).text().replace(/ \(\d+\)$/,"") );
}).change();

Demo: http://jsfiddle.net/CdKGT/3/

Obviously you’d use an id or class to identify the select and input rather than just $("select") and $("input"), but you get the idea.

MY ORIGINAL ANSWER (for my interpretation of your original question):

You could do something like this:

​<select>
<option value="css" data-count="1">css 1</option>
<option value="html" data-count="55">html 55</option>
<option value="java" data-count="37">java 37</option>
<option value="javascript" data-count="20">javascript 20</option>
<option value="jquery" data-count="12">jquery 12</option>
</select>

And then:

​$(document).ready(function() {
    $("select").change(function() {
        $(this).find("option").html(function(){ return this.value + " " +
                                                       $(this).attr("data-count"); });
        $("option:selected",this).html(this.value);
    }).change();
});​​​

Demo: http://jsfiddle.net/CdKGT/1/

(Obviously you can optimise the function a bit by caching the jQuery objects and so forth, but I kept it simple for proof of concept.)