I am asking this because I don’t have so much knowledge about jQuery.
My form have a dropdownList with Yes/No options. If user select ‘Yes’, my form must show him a dependant textbox.
Reload the page is not a solution for me.
Please, gentleman, show me how can I do that! 
well, there are multiple ways to do it. I’d just add something like this to my drop-down element.
<?= CHtml::formFieldType($model, 'fieldName', array( 'onChange' => 'javascript:yourExternalJsFunction()' ) ); ?>
and your ‘yourExternalJsFunction’ would display or generate your next drop-down,text,checkbox, etc field…
hope this helps.
–iM
Sorry, my topic is in the wrong place (Can some admin move this topic to General Discussion? Thx!)
imehez, thanks for your response. But, I was expecting something in jQuery mode. jQuery has something like js:$(‘mydiv’).toggle()?
Yep (you should change selectors #mydiv and #dropdownlist to yours)
$(document).ready(function(){
var droplist = $('#dropdownlist');
droplist.change(function(e){
if (droplist.val() == 'Yes') {
$('#mydiv').show();
}
else {
$('#mydiv').hide();
}
})
});
or this code can be simpler if initial option is "No":
$(document).ready(function(){
var droplist = $('#dropdownlist');
droplist.change(function(e){
$('#mydiv').toggle();
})
});
BTW. "best practice" to choose from 2 options (yes/no true/false) is checkbox.
I knew it!! Thank you fduch!! ^^
Last question: Where should I put these codes? Inside a <script> tag on my form?
Edit: SOLVED!!! It is working like a charm!!
Anywhere at your page between <script></script> tags. Do not forget to change selectors! 
Example with jQuery and Yii
<?= CHtml::checkBox('blah', false,
array('id' => 'someid', 'onchange' => 'javascript:$("#someid").toggle()'
) ); ?>
Great!
Unfortunately, I had to use pure javascript (to avoid jQuery charge and reduce traffic). But, i will have to use it some time.
this is what i get, which does not work:
<?php echo CHtml::radioButtonList('userType', 'id', array('Existing', 'New User'), array('onchange'=>'javascript:$("#userTypeForm").toggle();')); ?>
which produces
<input onchange="javascript:$("#userTypeForm").toggle();" value="0" id="userType_0" type="radio" name="userType" />
is there any way to stop it from: turning " in to "?
If i’m not wroong you must ise this way:
<?php echo CHtml::radioButtonList('userType', 'id', array('Existing', 'New User'), array('onchange'=>'js:$("#userTypeForm").toggle();')); ?>
Note the use of ‘js’ against ‘javascript’.
Thanks PoL, I’ll give it a shot when I get home from work.
I use [size="3"]display element on dropdown selection[/size] ,
I want to display another dropdown on selection of first one and I use following code .
step : 1 => code for view file
<div class="row"> // first dropdown for selection
<?php echo $form->labelEx($model,'E_ROLE'); ?>
<?php echo $form->dropDownList($model,'E_ROLE',array(""=>"Select","Admin"=>"Admin","Employee"=>"Employee","TL"=>"TL"),array('onchange'=>'return muFun(this.value)')); ?>
<?php echo $form->error($model,'E_ROLE'); ?>
</div>
<div id="TLID_DIV" style="display:none"> // hidden dropdown enable on selection first one
<div class="row">
<?php echo $form->labelEx($model,'E_TLID'); ?>
<?php echo CHtml::activeDropDownList($model,'E_TLID', $model->getTL() , array('prompt'=>'Select') ); ?>
<?php echo $form->error($model,'E_TLID'); ?>
</div>
</div>
step : 2 => code for js
function muFun(obj){
if(obj=="Employee"){
document.getElementById('TLID_DIV').style.display="block";
return false;
}else{
document.getElementById('TLID_DIV').style.display="none";
return false;
}
}
@Kiran Sharma
when posting code you can use the code button (<> on the editor toolbar)… so that your code is more readable… or use [ code] your code [ /code] directives (without spaces)
NOTE: you can edit your posts to add this codes…
Sorry my English. I’m starting at Yii and I understand very little of js, I wonder if you have the rest of this solution. Missing yourExternalJsFunction how about it?
Hi All,
I am a newbie to yii and trying to hide and show form elements based on selection of an option from another field.
My form has a dropDownList with "-/Low/High " and I want to display a low field if low is selected, or a high field if high is selected.
This is my form
<td id="riskDropDownList">
<?php echo $form->labelEx($model,‘patient_risk’); ?>
<?php echo ZHtml::enumDropDownList($model,‘patient_risk’,array(‘style’=>‘width:262px;’,)); ?>
<?php echo $form->error($model,‘patient_risk’); ?>
</td>
<td class="lowRiskField">
<?php echo $form->labelEx($model,‘if_risk_low_risk_factor’); ?>
<?php echo $form->dropDownList($model,‘if_risk_low_risk_factor’, $model->riskFactorArray()); ?>
<?php echo $form->error($model,‘if_risk_low_risk_factor’); ?>
</td>
<td class="highRiskField">
<?php echo $form->labelEx($model,‘if_risk_high_risk_factor’); ?>
<?php echo $form->dropDownList($model,‘if_risk_high_risk_factor’,$model->riskFactorArray()); ?>
<?php echo $form->error($model,‘if_risk_high_risk_factor’); ?>
</td>
and this is my JQuery script
<script type="text/javascript">
$(document).ready(function(){
$("#riskDropDownList").change(function() {
if ($("#riskDropDownList").val() == ‘Low’)
{
$(".lowRiskField").show();
}
else if ($("#riskDropDownList").val() == ‘High’)
{
$(".highRiskField").show();
}
else
{
$(".lowRiskField").hide();
$(".highRiskField").hide();
}
});
$("#riskDropDownList").change();
});
</script>
Many thanks for your help in advance
@converia,
yes the code looks fine,
why you had use [color="#1C2837"][size="2"]$("#riskDropDownList").change() at the end of script…?[/size][/color]
[size="2"][color="#008000"]/*[/color][/size]
[size="2"][color="#008000"]This topic should be in proper section, I think its not related to Bug Discussion[/color][/size]
[size=“2”][color="#008000"]Topic started before much time so i think current staff hasn’t point out - which is quite obvious
[/color][/size][size="2"][color="#008000"]*/[/color][/size]
This is a great way of doing it.
I am trying to achieve something similar but with checkboxes and I am using Bootstrap toggleButtonRow widgets. The toggleButtonRow field just adds
checked="checked"
to the code when it is clicked. Does anyone know how to do a show/hide div with this kind of thing?
Many thanks
Problem solve Thanks Sharma ji
Hi fduch,
Similar question, where exactly I put this code? is it in my view? I can’t find any script tag in my view. Thanks for the explanation.
I have a checkbox:
<?php echo $form->checkBox($model, 'tbo_sk'); ?>
and a text field:
<?php echo $form->textField($model, 'nilaiblksk'); ?>
Solved, thanks fduch.
So for the checkbox I did similarly to the js file like this:
$(document).ready(function(){
$('#Dcl_tbo_sk').change(function(){ // where Dcl_tbo_sk is my model & table (model_table)
$('#hiddenDiv').toggle(); // hiddenDiv replace our Dcl_nilaiblksk as model & table (model_table)
});
});
Then my view for checkBox & textField becomes:
<?php echo $form->checkBox($model, 'tbo_sk'); ?>
<div id="hiddenDiv" style="display: none"<?php echo $form->textField($model, 'nilaiblksk'); ?></div>
That will do