Print Page - Validation of a combobox

Hi,
I have a form with a simple combo box like below:

Code:

<select class="easyui-combobox" data-options="required:true" name="type">
				<option value="" selected="selected">Select Type</option>
				<option value="0">Initial Assessment</option>
				<option value="1">Pre-Test</option>
				<option value="2">Assessment</option>
			</select>

I want this combobox to be validated so that user must select one of the 3 options. I have added data-options="required:true" attribute but the validation does not work. However, if I remove the text value "Select Type" from the first <option> then the validation is happening.

But I want to keep the "Select Type" text and also the validation to work. Please advise. Thank you.

Why append the 'Select Type' item? If you only want to give the user a tip, please set the 'prompt' property instead.

Code:

<select class="easyui-combobox" data-options="required:true,prompt:'Select Type',value:''" name="type">
	<option value="0">Initial Assessment</option>
	<option value="1">Pre-Test</option>
	<option value="2">Assessment</option>
</select>

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: sm_79 on August 15, 2014, 03:19:07 PM