jQuery根据下拉信息显示信息

时间:2014-07-01 14:26:47

标签: javascript jquery html

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

<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>

2 个答案:

答案 0 :(得分:0)

尝试:

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

DEMO

答案 1 :(得分:0)

$('#status').change(function() {
  myUpdate();
});

http://jsfiddle.net/vfp6K/1/