表单 – Javascript根据选择选项更改内容

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了表单 – Javascript根据选择选项更改内容，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1449字，纯文字阅读大概需要3分钟。

内容图文

用Javascript不是最好的,所以我想问我哪里出错了.

正如标题所示,我有一个包含4个不同选项的选择框,当选择一个选项时,我想要更改< p>的内容. id为pricedesc的标签.这是我到目前为止所拥有的.

function priceText(sel)
{
    var listingType = document.getElementById('listingtype');
    var priceDesc = document.getElementById('pricedesc');
    if ( sel.options[sel.selectedIndex].value == "Residential Letting" ) {
    priceDesc = "Enter price per month";
    }
    else if ( sel.options[sel.selectedIndex].value == "Short Let" ) {
    priceDesc = "Enter price per week";
    }
    else if ( sel.options[sel.selectedIndex].value == "Serviced Accommodation" ) {
    priceDesc = "Enter price per week";
    }
    else if ( sel.options[sel.selectedIndex].value == "Sale" ) {
    priceDesc = "Enter for sale price";
    }

} 

在身体我有：

            <label>Listing Type:</label>
            <select name="listingtype" id="listingtype" onchange="priceText(this);">
                <option value="Residential Letting">Residential Letting</option>
                <option value="Short Let">Short Let</option>
                <option value="Serviced Accommodation">Serviced Accommodation</option>
                <option value="Sale">Sale</option>
            </select>


            <label>Price:</label>
            <p id="pricedesc">Enter price</p>
            <input name="price" type="text" id="price" value="<%=Request.Form("price")%>" maxlength="10" />

谢谢你的帮助.

J.

解决方法:

更改您设置段落内容的行

priceDesc = "Enter price per month";

至

priceDesc.innerHTML = "Enter price per month";

目前,您只是将priceDesc变量更改为包含字符串而不是段落节点.设置节点的innerHTML属性会更改其中包含的html. ：d

内容总结

以上是互联网集市为您收集整理的表单 – Javascript根据选择选项更改内容全部内容，希望文章能够帮你解决表单 – Javascript根据选择选项更改内容所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端