Magento – Update billing address inserts javascript string in the address

Notice

What you're asking for becomes tricky when you consider how Magento manages the billing address. Any address can be a billing address. A customer can simply select it from a menu component at various points in the system (ie: checkout, address book screen).

Even if you restrict editing on the "default billing address," this too creates some overhead for you, given that Magento enables you to set any address in your address book as the default billing address. In other words, a customer could edit a "non-billing" address, then set it as the default billing address. It would be cumbersome for you to write code to manage this.

And are you using any third-party extensions which provide address editing on the front-end? There's a lot to think about here.

A Solution

With the disclaimer out of the way, you can simply prevent the ability to edit an address by modifying 2 templates:

# File: app/design/frontend/[package]/[theme]/template/customer/address/book.phtml
...
<h2><?php echo $this->__('Default Addresses') ?></h2>
<ol>
<?php if($_pAddsses = Mage::getSingleton('customer/session')->getCustomer()->getDefaultBilling()): ?>
    <li class="info-box">
        <div class="title-wrap">
            <h3><?php echo $this->__('Default Billing Address') ?></h3>
            <?php /*<a href="<?php echo $this->getAddressEditUrl(Mage::getSingleton('customer/session')->getCustomer()->getAddressById($_pAddsses)) ?>"><?php echo $this->__('Change Billing Address') ?></a>*/ ?>
        </div>              
        <address class="box-content">
            <?php echo $this->getAddressHtml(Mage::getSingleton('customer/session')->getCustomer()->getAddressById($_pAddsses)) ?>
        </address>
   </li>
<?php else: ?>
    <li class="info-box">
        <h3><?php echo $this->__('Default Billing Address') ?></h3>
        <?php echo $this->__('You have no default billing address in your address book.') ?>
...

See line 9; here we simply comment out the link to edit the address. Not secure, but gives you a place to start.

# File: app/design/frontend/[package]/[theme]/template/customer/address/edit.phtml
...
<?php
/**
 * Edit customer address template
 *
 * @see Mage_Customer_Block_Address_Edit
 */
?>
<?php if($this->getTitle()): ?>
<div class="page-title">
    <h1><?php echo $this->getTitle() ?></h1>
</div>
<?php endif; ?>
<?php if ($address->getId() === Mage::getSingleton('customer/session')->getCustomer()->getDefaultBilling()) :?>
<p><?php echo $this->__('Sorry, but you cannot modify this address.'); ?></p>
<?php else : ?>
...
<?php endif; ?>

Below the title, we add some additional logic that checks if the address being edited is the default billing. If so, it will not render the edit form and instead display a generic message.

There is no in build function to list the customer address as div

You have get the customer address by following code

use the below code after this

<?php echo $this->getAddressesHtmlSelect('billing') ?>

and hide the address select box (i.e., Display:none)

<?php $customerId = Mage::getSingleton('customer/session')->getCustomer();?>    
<?php $customer = Mage::getModel('customer/customer')->load($customerId->getId()); ?>
<?php $data = array();?>

<?php foreach ($customer->getAddresses() as $address):?>
<?php $data = $address->toArray();?>
<div id="addresseList<?php echo $data['entity_id'];?>">
    <a href="javaScript:void(0);" onclick="setAdd(<?php echo $data['entity_id'];?>,this)" id="<?php echo $data['entity_id'];?>">
        <address>                         
            <?php echo '<p><b>'.$data['firstname'].' '.$data['lastname'].'</b></p>';?>
            <?php echo '<p>'.$data['street'].'</p>';?>
            <?php echo '<p>'.$data['city'].','.$data['region'].','.$data['postcode'].'</p>';?>
            <?php $country_name = Mage::app()->getLocale()->getCountryTranslation($data['country_id']);?>
            <?php echo '<p>'.$country_name.'</p>';?>
            <?php echo 'T: '.$data['telephone'];?>
        </address>
    </a>
</div>
<?php endforeach;?>
 // new address button
<div class="actions text-center">
    <a href="javaScript:void(0);" onclick="setNewAddress()" class="btn"><?php echo $this->__('Add New');?></a>
</div>

then add the below script

<script type="text/javascript">
//<![CDATA[
function setAdd(value)
{
    ​document.getElementById('billing-address-select').value = value;
    //jQuery("#billing-address-select").val(value);
}

function setNewAddress()
{ 
    $('billing-address-select') && billing.newAddress(!$('billing-address-select').value);
}

//]]>
</script>