javascript - セレクト時の機能変更

Question

javascript を使用して 3 つのドロップダウン値を変更することから続行します。

function changeprice1(id){

2番目のドロップダウンを選択すると、つまり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>

これが 2 番目のドロップダウンです ---

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

Answer 1

これを試して

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