2012-11-02 32 views
1

我試圖用jquery更新一個選擇框,而不是僅僅替換包含選擇框的<div>html()正在取代整個<fieldset>。我已經嘗試了一切,看不到我要去哪裏。jquery html()替換整個字段集

我jQuery是:

$('div.companyselect', $(parent.document)).html(data.success); 

我的HTML是:

<fieldset> 
    <legend>Company Information</legend> 
    <div class="column-left"> 
     <label>Manufacturer Name:</label> 
     <div class="companyselect"><?php echo $select ?><div>&nbsp; 

     <a href="../forms/modal_company.php" class="various fancybox.ajax" style="font-size:12px;">Add a Company</a> 

    </div> 
    <div class="clear"></div> 
</fieldset> 
<fieldset> 
    <legend>Vendor Information</legend> 
    <div class="column-left"> 
     <label>First Name</label> 
     <input name="name" class="text-input medium4-input required" type="text" id="name" value=""> 
    </div> 
    <div class="column-right medium_margin"> 
     <label>Last Name:</label> 
     <input name="last" class="text-input medium4-input required" type="text" id="last" value=""> 
    </div> 
    <div class="clear"></div> 
    <div>  
     <label>Address:</label> 
     <input name="address" class="text-input medium2-input required" type="text" id="address" value=""> 
    </div> 
    <div class="clear"></div> 
    <div class="column-left" style="width:52%"> 
     <label>City:</label> 
     <input name="city" class="text-input medium3-input required" type="text" id="city" value="" > 
    </div> 
    <div class="column-left" style="width:15%"> 
     <label>State:</label> 
     <input name="state" class="text-input small-input required" type="text" id="state" value=""> 
    </div> 
    <div class="column-left" style="width:30%"> 
     <label>Zipcode:</label> 
     <input name="zipcode" class="text-input medium5-input required" type="text" id="zipcode" value="" > 
    </div> 
    <div class="clear"></div> 
    <div class="column-left medium_margin"> 
     <label>Phone:</label> 
     <input name="tel" class="text-input medium-input required" type="text" id="tel" value=""> 
    </div> 
    <div class="column-right medium_margin"> 
     <label>(optional) Fax:</label> 
     <input name="fax" class="text-input medium-input" type="text" id="fax" value=""> 
    </div> 
    <div class="clear"></div> 
    </fieldset> 

有人可以幫助我理解爲什麼整個第一被替換,而不是僅僅在帶有class = 「COMPANY選擇」?

回答

3

很可能是由於破HTML:

<div class="companyselect"><?php echo $select ?><div>&nbsp; 

應該是:

<div class="companyselect"><?php echo $select ?></div>&nbsp; 
+0

+1好抓! ;) – Christoph

+0

哦,男孩。肯定會超過一個。現在效果很好。謝謝! –

+1

太好了。不要忘記接受答案。 –

0

好像你錯過了結束的div。

<div class="companyselect"><?php echo $select ?><div> 

這裏打開兩個div標籤,而不是關閉第一個標籤。