下拉选择值显示为默认值

时间:2015-09-23 15:08:36

标签: javascript php jquery html

我有选择值下拉看起来像

<div class="col-md-2  padding-Zero" >
    <select id="ddlCompare1" class="dropdown" onChange="javascript:CompareLoantype(true);" >
            <option value="jumbo">Conv</option>
            <option value="fha" selected >FHA</option>
            <option value="va">VA</option>
            <option value="usda">USDA</option>
    </select>                                    
</div>

所有四个期权价值都有单一利率

<input name="Compare_interest_rate" id="Compare_interest_rate" class="txt"   type="text" size="6" maxlength="6" style="width:75%" />%</p>

四个选项值有四个默认值

FHA值 - <?php echo $interest_FHA_default; ?>

VA值 - <?php echo $interest_VA_default;?>

USDA值 - <?php echo $interest_USDA_default;?>

CONV值 - <?php echo $interest_CONV_default;?>

如何显示四个值取决于下拉选择?如果用户选择FHA值需要FHA值..请任何人给我一个想法吗?

1 个答案:

答案 0 :(得分:1)

在你的onChange函数中执行以下操作:

function CompareLoantype() {
    var dd = document.getElementById('ddlCompare1');
    var selectedText = dd.options[dd.selectedIndex].text; // or .value if you want to show value
    document.getElementById('Compare_interest_rate').value = selectedText;
}