依据下拉菜单选中值显示内容

根据下拉菜单选中值显示内容
为什么第一次选择下拉菜单 ExpressNumber元素的值会改变，第二次就不会变了？

&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;无标题文档&lt;/title&gt;
  &lt;script style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/js/jquery-1.8.3.min.js" type="text/javascript" &gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
 //&lt;![CDATA[
  $(function(){
    $("#DropExpress").change(function(){
        var expressValue=$(this).val();
        if( expressValue == '9999' ){
           $("#ExpressNumber").replaceWith("请输入快递公司和快递单号"); 
        }
else if( expressValue == '8888' ){
           $("#ExpressNumber").replaceWith("物流公司电话"); 
        }
else{
$("#ExpressNumber").replaceWith("快递单号"); 
}
    });
});
  //]]&gt;
  &lt;/script&gt;
  &lt;/head&gt;

  &lt;body&gt;
&lt;select name="DropExpress" id="DropExpress"&gt;
    &lt;option value=""&gt;请选择&lt;/option&gt;
    &lt;option value="97"&gt;中通快递&lt;/option&gt;
    &lt;option value="9999"&gt;其他快递&lt;/option&gt;
    &lt;option value="8888"&gt;物流公司&lt;/option&gt;
  &lt;/select&gt;
&lt;br &gt;
&lt;span id="ExpressNumber"&gt;快递单号&lt;/span&gt;
&lt;/body&gt;
&lt;/html&gt;

[解决办法]
replaceWith你之际把$("#ExpressNumber")替换成了你的文本，第二次压根找不到$("#ExpressNumber")这个元素了

replaceWith改成$("#ExpressNumber").html('.....')

依据下拉菜单选中值显示内容

热点推荐