<div class="form-group">
<label class="col-sm-4 control-label">Bond Amount</label>
<div class="col-sm-8">
<object id="container" />
</div>
</div>
function getBondAmountType(bondState,bondName)
{
if(bondState=="CA")
{
object = "<input type="text" name="test" id="test">"
}
else
{
object = "<select type="text" name="test" id="test"></select>"
}
}
<div class="form-group">
<label class="col-sm-4 control-label">Bond Amount</label>
<div class="container col-sm-8"></div>
</div>
JQuery script: function getBondAmountType(bondState)
{
var element;
if(bondState=="CA")
{
element ='<input type="text" name="test" id="test">';
$('.container').append(element);
}
else
{
element ='<select type="text" name="test" id="test"></select>';
$('.container').append(element);
}
}
if bond state != ca, parse html select drop down
both will be in one container.