javascript - 如何根据下拉选择填充文本框?
问题描述
我必须根据单个表中的下拉值填充我的文本框....这是我的表: TableStructure 表内容
在这里,当我从下拉列表中选择类别 1 时,我希望文本框值为 400(价格),对于类别 2,它应该填充 500 等等....我已经从 db 填充了下拉值,请帮助我使用文本框价值。
控制器:
public function viewcatprice()
{
$this->load->model('JcMeetingExpense_model');
$data['query1'] = $this->JcMeetingExpense_model->viewcatprice();
$this->load-
>view('JcMeetingExpense/jc_meeting_expense',$data);
}
模型:
function viewcatprice()
{
$query = $this->db->select('*')->from('jc_price_master')->get();
return $query->result();
}
看法:
<label for="catprice"></label>
<select class="form-control" name="category">
<?php
foreach($query1 as $row)
{
echo '<option value="'.$row->category.'">'.$row-
>category.'</option>';
}
?>
</select>
<tr>
<td class="colone">Amount Per Head:</td>
<td class="coltwo"></td>
<td class="colthree"><input type="number" name="num5" id="num5"
class="input-field" name="field1" style="width:35%;" />
</td>
</tr>
解决方案
查看代码
<select class="form-control" name="category" id='cat_id'>
<?php
foreach($query1 as $row)
{
echo '<option value="'.$row->category.'">'.$row-
>category.'</option>';
}
?>
</select>
jQuery(document).ready(function($) {
$("#cat_id").on('change', function() {
var cat_id = $(this).val();
if(cat_id){
$.ajax ({
type: 'POST',
url: 'php_file_that_select_price_from_category_id.php',
data: { cat_id: cat_id },
success : function(response) {
var response = $.parseJSON(response);
$('#num5').val(response.jc_price_master);
},error:function(e){
alert("error");}
});
}
});
});
ajax的控制器代码
public function ajax_price_list()
{
$this->load->helper('url');
$this->load->model('JcMeetingExpense_model');
$data['jc_price_master'] = $this->JcMeetingExpense_model->getprice();
//$this->load->view('JcMeetingExpense/jc_meeting_expense',$data); you do not have to load view here
echo jason_encode($data);
}
推荐阅读
- unit-testing - 我是否必须重构我们的代码才能进行谷歌测试(单元测试)?
- drools - 如何使用 Drools (mvel) 将元素添加到数组
- python - 如何通过代理服务器在 OpenCV 中打开视频流?
- visual-studio - Visual Studio 2015 - 启动调试时的最小重建
- r - R中的图例未添加到绘图中
- javascript - (Discord.js) 我想在机器人离线之前在频道上发送一条消息
- f# - Fsharp.Data HttpRequestBody getting 'The mandatory 'grant_type' parameter is missing'
- ida - Windows 10 IDA 免费软件 64 位找不到主
- ios - 使用 React Native 批量导入 sdk 时出现 iOS 错误
- ethereum - 检查 msg.sender 是否是特定类型的合约