选择更改功能

时间:2012-12-29 07:07:47

标签: javascript

change 3 dropdown values through javascript继续,只需要显示

function changeprice1(id){

选择第二个下拉列表,即Medical and Biomedical Manuscript Rewriting。现在做什么,我现在开始思考了。 jS中的任何帮助?

<script type="text/javascript">

function changeprice(id){

var value = id;

if(value == ""){
    document.getElementById('price').value="";
alert("Please select one valid word count");

return false;
}
if(value == "Lessthan1000"){
var newprice = "USD 290";
}
if(value == "Lessthan2000"){
var newprice = "USD 540";
}
if(value == "Lessthan4000"){
var newprice = "USD 1050";
}
if(value == "Lessthan6000"){
var newprice = "USD 1900";
}
var eprice = newprice;

document.getElementById('price').value = eprice;

}

function changeprice1(id){

var value = id;

if(value == ""){
    document.getElementById('price').value="";
alert("Please select one valid word count");

return false;
}
if(value == "ReLessthan1000"){
var newprice = "USD 390";
}
if(value == "ReLessthan2000"){
var newprice = "USD 690";
}
if(value == "ReLessthan4000"){
var newprice = "USD 1600";
}
if(value == "ReLessthan6000"){
var newprice = "USD 2900";
}
var eprice = newprice;

document.getElementById('price').value = eprice;

}</script>

这是第一个下拉列表

<select name="sp" id="sp" class="servicecategory">
<option value="" selected>Please Select...</option>
<option value="Medical and Biomedical Manuscript Writing" <?php if($servicename == "Medical and Biomedical Manuscript Writing"){ echo(" selected=\"selected\""); } ?>>Medical and Biomedical Manuscript Writing </option>
<option value="Medical and Biomedical Manuscript Rewriting" <?php if($servicename == "Medical and Biomedical Manuscript Rewriting"){ echo(" selected=\"selected\""); } ?>>Medical and Biomedical Manuscript Rewriting</option>
</select>

这是第二次下拉---

<select name="sp" id="sp" class="servicecategory" onChange="changeprice(this.value)">
<option value="" selected>Please Select...</option>
<option value="Lessthan1000">1 - 1000 words</option>
<option value="Lessthan2000">1001 - 2000 words</option>
<option value="Lessthan4000">2001 - 4000 words</option>
<option value="Lessthan6000">4001 - 6000 words</option>
</select>

这是价格显示的价格区域

<tr>
<td valign="top" align="right">Price:</td>
<td width="5"></td>
<td valign="top" align="left"><input type="text" name="price" id="price" value="" readonly="" size="20"><br />
</td>
</tr>

1 个答案:

答案 0 :(得分:0)

试试这个

        <script type="text/javascript">

    function changeprice(id)
    {

        var value = id;
        selectedmenu=document.getElementById("sp").value
        if(selectedmenu == "select"){

        alert("Please select one valid word count");
        fnc();
        return false;
        }
        if(selectedmenu=='Medical and Biomedical Manuscript Writing')
            if(value == "Lessthan1000"){
            var newprice = "USD 290";
            }
            if(value == "Lessthan2000"){
            var newprice = "USD 540";
            }
            if(value == "Lessthan4000"){
            var newprice = "USD 1050";
            }
            if(value == "Lessthan6000"){
            var newprice = "USD 1900";
            }
            var eprice = newprice;

            document.getElementById('price').value = eprice;
        if(selectedmenu=='Medical and Biomedical Manuscript Rewriting')
        {
            if(value == "Lessthan1000"){
                var newprice = "USD 390";
                }
                if(value == "Lessthan2000"){
                var newprice = "USD 690";
                }
                if(value == "Lessthan4000"){
                var newprice = "USD 1600";
                }
                if(value == "Lessthan6000"){
                var newprice = "USD 2900";
                }
                var eprice = newprice;

                document.getElementById('price').value = eprice;

        }
    }


    function fnc()
    {
        document.getElementById("select").selected=true;
    }
    </script>

    <select name="sp" id="sp" class="servicecategory" onchange="fnc()">
        <option value="select"  selected>Please Select...</option>
        <option value="Medical and Biomedical Manuscript Writing" >Medical and Biomedical Manuscript Writing</option>
        <option value="Medical and Biomedical Manuscript Rewriting" >Medical and Biomedical Manuscript Rewriting</option>
    </select>

    <select name="Word_Count" id="Word_Count" onChange="changeprice(this.value)">
        <option value="select" id="select">Please Select...</option>
        <option value="Lessthan1000">1 - 1000 words</option>
        <option value="Lessthan2000">1001 - 2000 words</option>
        <option value="Lessthan4000">2001 - 4000 words</option>
        <option value="Lessthan6000">4001 - 6000 words</option>
    </select>

    <tr>
        <td valign="top" align="right">Price:</td>
        <td width="5"></td>
        <td valign="top" align="left"><input type="text" name="price" id="price" value="" readonly="" size="20"><br /></td>
    </tr>