jquery 下拉框改变 事件 动态显示input

html:

<form:input path="contractNum" htmlEscape="false" maxlength="100" class="form-control required"  style="width:80px;display:inline;"/>
<input name="date" id="dateId" type="text" readonly="readonly" maxlength="20" class="form-control hide  Wdate" style="width:100px;display:inline;"
value="<fmt:formatDate value="<%=new Date()%>" pattern="yyyy"/>"
onclick="WdatePicker({dateFmt:'yyyy',isShowClear:false});"/>
<span id="addInputId" style="display:inline;">

jquery:

//供地类型值发生改变时，为合同编号赋值
$("#landTypeId").change(function(){
$("#addInputId").empty();
if($("#landTypeId").val() !='' ){

var landTypeId=$("#landTypeId option:selected").html();
var value=$("#landTypeId").val();
if(value=='0'){
$("#contractNum").val('济南-02-');
$("#dateId").addClass("hide");
$("#addInputId").append("<input name='contractNum' maxlength='6' style='width:265px;display:inline;' class='form-control required'/>");
}
else{
$("#contractNum").val('济南-01-');
$("#dateId").removeClass("hide");
$("#addInputId").append("<input name='contractNum' maxlength='4' style='width:155px;display:inline;' class='form-control required'/>");
}

}