Question

我正致力于开发一个Web应用程序，该应用程序连接到我正在上课的数据库。我正在处理的特定页面显示了一种可用于邮政编码的互联网服务。服务显示为单选按钮，我希望价格根据已检查的单选按钮（页面加载时）或手动检查显示/更改。下面是更改#servicePriceString的text / innerHTML的脚本。

出于某种原因，不仅价格没有出现，而且我已经测试了＆＃34; showPrice（）＆＃34;使用像alert（）那样简单的函数，但这似乎也不起作用。任何帮助/建议将不胜感激。旁注，我对此非常陌生，所以在格式不佳/错误的代码上轻松一点;）

编辑：我知道输入在表单之外，并且已经纠正了。它仍然无法正常工作。另外，我知道我没有使用＆＃34; var checkedvalue＆＃34;。我之前使用过它并且尚未将它删除。

<script type="text/javascript">
    function showPrice(i) {
        var myRadio = document.getElementById("availableService");
        var checkedValue = myRadio.filter(':checked').valueOf();
        price = rs[0][i].monthly_price;
        document.getElementById("servicePriceString").innerHTML = price;
    }


</script>

<form action="/placeorder">
        <% for ( var i=0; i < rs[0].length; i++) { %>

            <div id="serviceAvailableArea">
                <input onclick="showPrice(<%= i %>)" type="radio" id="availableService" name="availableService"
                 value="<%= i %>">
                <%= rs[0][i].service_name %> at <%= rs[0][i].speed %>Mbps
            </div>
            <br/>

        <% }%>
        </form>
    <input type="submit" value="Place Order" id="placeOrderButton">
    <div id="servicePrice">
        <p id="servicePriceString">test</p>

使用javascript无法正常动态更改html内容

0 个答案: