用
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