javascript - ajaxを使用して、あるテキストボックスの値から別のテキストボックスの値を自動的に埋める方法

Question

こんにちは、ダイヤル サイトのような検索ボックスを配置したかったのですが、会社名を入力すると、別のテキスト ボックスに都市名が自動的に入力されます。

" onfocus="javascript:this.value='';" onblur="javascript: if(this.value==''){this.value='';}" onKeydown="javascript: if (event.keyCode= =13)serachProduct();"/>

                <div class="textCurve1" style="float:left;margin-left:10px;">
                    <div class="selectsSR">
                        <input type="text" id="cityname" name="cityname" onKeydown="javascript: if (event.keyCode==13)serachProduct();" value="<?php if(isset($cityName)){echo ucfirst($cityName);}else{echo"City";} ?>" onfocus="javascript:this.value='';" onblur="javascript: if(this.value==''){this.value='<?php if(isset($cityName)){echo ucfirst($cityName);}else{echo"City";} ?>';}"/>
                    </div>
                </div>

SELECT select_company.company_name,select_city.city FROM select_company LEFT JOIN select_city ON(select_company.city=select_city.id) WHERE select_company.company_name LIKE ".$this->db->e​​scape($company."%")." リミット 10"

都市フィールドのテキスト ボックスを自動的に更新したい