javascript - jQuery 根据下拉信息显示信息

Question

现在，我有一个代码，可以让我根据选择的成员(member)选项显示价格。它看起来像这样:

<p>Current Status: 
    <select id="status" name="status" onchange=YourFunction()> 
        <option value="">Please Select</option> 
        <option value="A">Associate</option>
        <option value="F">Family</option> 
        <option value="R">Regular</option>
        <option value="RF">Regular Family</option> 
        <option value="H">Honary</option> 
        <option value="I">Institutional</option>
    </select>
</p>
<script type="text/javascript">
function YourFunction(){
    if($('#status').val()=="A"){
        $("#price").html("35");
    }
    else if($('#status').val()=="F"){
        $("#price").html("40");
    }
    else if($('#status').val()=="R"){
        $("#price").html("35");
    }
    else if($('#status').val()=="RF"){
        $("#price").html("40");
    }
    else if($('#status').val()=="H"){
        $("#price").html("0");
    }
    else if($('#status').val()=="I"){
        $("#price").html("25");
    }
    else if($('#status').val()==""){
        $("#price").html("0");
    }
}
</script>

<div id="price">0</div> $ Membership Dues

我需要一个脚本来获取此脚本生成的值并将其放入此输入框中:

<input type='text' name='paid' onblur="getTotal()"/></p>

Answer 1

尝试:

$('input[name=paid]').val($("#price").html());

DEMO