EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: mzeddd on April 25, 2013, 03:54:52 AM

Title: combobox question
Post by: mzeddd on April 25, 2013, 03:54:52 AM

I have the following drop-down list

Code:

<select id="abc" style="width:110px;" class="easyui-combobox" >
    <option value=""></option>
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

When 1st (empty) option is selected in openned drop-down list it looks like very small yellow line.
The height of this line is less than for usual item.

How can I get "empty" option look like I have any value in it?

Title: Re: combobox question
Post by: stworthy on April 25, 2013, 05:58:42 AM

Please try the code below:

Code:

<select id="abc" style="width:110px;" class="easyui-combobox" data-options="
			formatter:function(row){
				return row.text ? row.text : '&nbsp;';
			}
		">
    <option value=""></option>
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

Title: Re: combobox question
Post by: mzeddd on April 25, 2013, 06:31:47 AM

it helps

Thanks