How to get value of selected item from dropdown in jquery UI tabs content <p>I am using jquery UI tabs and I have text filed and dropdown to select in tab's content, I am getting the value from text field but not from dropdown select item, can any one please help me, my project is in yii</p> <pre><code>&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;jQuery UI Tabs - Vertical Tabs functionality&lt;/title&gt; &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"&gt; &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt; &lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt; &lt;script&gt; $(function() { $( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" ); $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" ); }); &lt;/script&gt; &lt;style&gt; .ui-tabs-vertical { width: 55em; } .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } .ui-tabs-vertical .ui-tabs-nav li a { display:block; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; } .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;?php echo $model-&gt;name;?&gt; &lt;div id="tabs"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#tabs-1"&gt;Nunc tincidunt&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#tabs-2"&gt;Basic Information&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#tabs-3"&gt;Report&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#tabs-4"&gt;Set schedule&lt;/li&gt; &lt;/ul&gt; &lt;div id="tabs-1"&gt; &lt;h2&gt;Content heading 1&lt;/h2&gt; &lt;?php echo 'la la';?&gt; &lt;/div&gt; &lt;div id="tabs-2"&gt; &lt;h2&gt;Content heading 2&lt;/h2&gt; &lt;/div&gt; &lt;div id="tabs-3"&gt; &lt;div class="form"&gt; &lt;?php $form=$this-&gt;beginWidget('CActiveForm', array( 'id'=&gt;'message-form', 'htmlOptions'=&gt;array('target'=&gt;'_blank'), 'enableClientValidation'=&gt;true, 'clientOptions'=&gt;array( 'validateOnSubmit'=&gt;true, ), )); ?&gt; &lt;p class="note"&gt;Fields with &lt;span class="required"&gt;*&lt;/span&gt; are required.&lt;/p&gt; &lt;?php echo $form-&gt;errorSummary($model_report_form); ?&gt; &lt;table class="table"&gt; &lt;tr&gt; &lt;td&gt;&lt;?php echo $form-&gt;labelEx($model,'month'); $months = array( '01'=&gt;'January', '02'=&gt;'February', '03'=&gt;'March', '04'=&gt;'April', '05'=&gt;'May', '06'=&gt;'June', '07'=&gt;'July', '08'=&gt;'August', '09'=&gt;'September', '10'=&gt;'October', '11'=&gt;'November', '12'=&gt;'December', ); //$stat = array('13' =&gt; Yii::t('month','ALL')); echo $form-&gt;dropdownlist($model_report_form,'month',$months,array('empty' =&gt; '--Select a month--')); //echo $form-&gt;textField($model,'end_date'); ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $form-&gt;labelEx($model_report_form,'year'); $years = array( '2016'=&gt;'2016', '2017'=&gt;'2017', '2018'=&gt;'2018', '2019'=&gt;'2019', '2020'=&gt;'2020', '2021'=&gt;'2021', '2022'=&gt;'2022', '2023'=&gt;'2023', '2024'=&gt;'2024', '2025'=&gt;'2025', ); //$stat = array('3000' =&gt; Yii::t('year','ALL')); echo $form-&gt;dropdownlist($model_report_form,'year',$years,array('empty' =&gt; '--Select a year--')); //echo $form-&gt;textField($model,'end_date'); ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;?php echo $form-&gt;hiddenField($model_report_form, 'employee',array('value'=&gt;$model-&gt;employee_id)); ?&gt; &lt;?php echo $form-&gt;hiddenField($model_report_form, 'report_type',array('value'=&gt;'1')); ?&gt; &lt;/tr&gt; &lt;/table&gt; &lt;div class="row buttons"&gt; &lt;?php echo CHtml::submitButton('Get Report',array('class'=&gt;'btn btn-primary btn-block')); ?&gt; &lt;/div&gt; &lt;?php $this-&gt;endWidget(); ?&gt; &lt;/div&gt;&lt;!-- form --&gt; </code></pre>