输入远程数据库并动态加载下拉列表
Typeahead with remote database and dynamically load a dropdown
请帮帮我!!.. 提供自动建议使用twitter bootstrap typeahead基于输入在文本框中的值。根据从bootstrap中显示的建议中选择的项目,标签动态显示文本框下方的地址和电话号码(已经在数组中),并根据company_id加载下拉菜单。
最重要的是,我是一个struct取回数组关联id和值
my HTML is
<input class=" half" type="text" name="company_name" id="company_name" size="30" />
jscript $('#company_name').typeahead({
source: function(typeahead, query) {
$.ajax({
url: 'includes/get_company_details.php',
type: 'GET',
datatype: 'JSON',
async: false,
data: 'q=' + query,
success: function(result) {
console.log(result);
var convert = JSON.parse(result);
typeahead.process(convert);
}
});
}
});
我的PHP文件
while($row = mysql_fetch_array( $rsd )) {
$arr[] =array(
'company_name' => $row[1],
'company_id' => $row[0],
'company_reg_addr_line1' => $row[2],
'company_reg_addr_line2' => $row[3],
'company_reg_city' => $row[4],
'company_reg_city_id' => $row[10],
'company_reg_pincode' => $row[5],
'company_billing_addr_line1' => $row[6],
'company_billing_addr_line2' => $row[7],
'company_billing_city' => $row[8],
'company_billing_city_id' => $row[11],
'company_billing_pincode' => $row[9],
'company_phone_number' => $row[12]
);
}
$convert_name = json_encode($arr);
echo $convert_name;
我得到的数组是
[
{
"company_name": "vinod company ",
"company_id": "2",
"company_reg_addr_line1": "first line",
"company_reg_addr_line2": "second line",
"company_reg_city": "66",
"company_reg_city_id": "www.vinodproduction.com",
"company_reg_pincode": "122122",
"company_billing_addr_line1": "third line",
"company_billing_addr_line2": "fourth line",
"company_billing_city": "67",
"company_billing_city_id": "909099009",
"company_billing_pincode": "121212",
"company_phone_number": "1"
},
{
"company_name": "Vignesh",
"company_id": "4",
"company_reg_addr_line1": "iji",
"company_reg_addr_line2": "ij",
"company_reg_city": "83",
"company_reg_city_id": "j",
"company_reg_pincode": "0",
"company_billing_addr_line1": "ji",
"company_billing_addr_line2": "j",
"company_billing_city": "83",
"company_billing_city_id": "hjh",
"company_billing_pincode": "0",
"company_phone_number": "1"
}
]
如果我改变数组,如["kumar productions","vinod company"," vignesh merchant"], typeahead工作正常但我需要通过数组本身发送地址!!
所以我改变了数组,我在下面提到的。前面的打字机不工作了。
[{"company_name":"vinod company ","company_id":"2","company_reg_addr_line1":"first line","company_reg_addr_line2":"second line","company_reg_city":"66","company_reg_city_id":"www.vinodproduction.com","company_reg_pincode":"122122","company_billing_addr_line1":"third line","company_billing_addr_line2":"fourth line","company_billing_city":"67","company_billing_city_id":"909099009","company_billing_pincode":"121212","company_phone_number":"1"},{"company_name":"Vignesh","company_id":"4","company_reg_addr_line1":"iji","company_reg_addr_line2":"ij","company_reg_city":"83","company_reg_city_id":"j","company_reg_pincode":"0","company_billing_addr_line1":"ji","company_billing_addr_line2":"j","company_billing_city":"83","company_billing_city_id":"hjh","company_billing_pincode":"0","company_phone_number":"1"}]
试试你的预输入数组:
:
[
{ ID: 1, Name: 'Toronto' }, { ID: 2, Name: 'Montreal' },
{ ID: 3, Name: 'New York' }, {ID: 4,Name: 'Buffalo' },
{ ID: 5, Name: 'Boston' }, { ID: 6, Name: 'Columbus' },
{ ID: 7, Name: 'Dallas' }, { ID: 8, Name: 'Vancouver'},
{ ID:9, Name: 'Seattle' },{ID: 10, Name:'Los Angeles' }
]
display:'Name', val:'ID'
选择特定的公司后,您可以从文本框中获得相应的公司id,并执行使用所选公司id获取公司详细信息的逻辑。
相关文章:
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 动态加载和卸载js文件
- 动态加载angularjs并生成控制器和范围
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 动态加载fancybox并将其连接
- 对插件初始化后动态加载的元素进行样式设置
- 动态加载的自定义javascript/jQuery/HTML5音频播放器的问题
- UIWebview赢得't通过基本身份验证加载动态加载的资源(通过jQuery mobile)
- 使用jquery垂直对齐动态加载的图像
- 在动态加载的对话框中执行Javascript
- angularjs-bindng-click从jquery动态加载DOM
- 在动态加载的html中使用角度控制器
- 如何使用Javascript在FireFox中将html从内存动态加载到iframe中
- 使用systemJS的相对动态加载,使用ES6/Babel语法
- 为什么动态加载的事件在我的代码中不能正常工作
- 在不同的域上动态加载样式表;不适用于Firefox
- 在动态加载的PHP表单上放置JavaScript事件
- 在混合基本 URL 下动态加载 require.js 模块
- 动态加载引导模式主体