下拉選擇值是顯示默認值

Question

我有選擇選項值下拉看起來像

<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; ?> <?php echo $interest_FHA_default; ?>

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

美國農業部價值- <?php echo $interest_USDA_default;?>

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

如何顯示四個值取決於下拉選擇？ 如果用戶選擇 FHA 值需要 FHA 值..請任何人給我想法？

Answer 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;
}