Javascript 使用AJAX将数据传递给PHP
我有一个PHP下拉列表。我从数据库中得到了一些字段。现在,我有一个编辑按钮除了下拉列表中,我想通过下拉列表中的选定选项的id!我该怎么做Javascript 使用AJAX将数据传递给PHP,javascript,php,jquery,ajax,codeigniter,Javascript,Php,Jquery,Ajax,Codeigniter,我有一个PHP下拉列表。我从数据库中得到了一些字段。现在,我有一个编辑按钮除了下拉列表中,我想通过下拉列表中的选定选项的id!我该怎么做 <tr> <td>Base INI File</td> <td> <select required name="base_ini_id" id="base_ini_id" class="form-control"> <option va
<tr>
<td>Base INI File</td>
<td>
<select required name="base_ini_id" id="base_ini_id" class="form-control">
<option value="">Select</option>
<?php foreach($base as $value) { ?>
<option id="emp" class="specialLink" value="<?php echo $value->base_ini_filename;?>"><?php echo $value->base_ini_filename;?></option>
<?php } ?>
</select>
</td>
<?php foreach($customs as $custom) ?>
<td>
<?php echo btn_edit('customer/upload_ini/edit_ini_old/' . $custom->id); ?>
</td>
>
</tr>
基本INI文件
挑选
试试这个代码。我从您的招聘中调用示例url。随你的便变
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<td>
<select required name="base_ini_id" id="base_ini_id" class="form-control">
<option value="">Select</option>
<?php foreach($base as $value) { ?>
<option id="emp" class="specialLink" value="<?php echo $value->id;?>"><?php echo $value->base_ini_filename;?></option>
<?php } ?>
</select>
</td>
<td>
<a id="edit_link" href=""><button>Edit</button> </a>
</td>
<script type="text/javascript">
$(document).ready(function()
{
$('#base_ini_id').change(function() {
var id=$("#base_ini_id").val();
$("#edit_link").attr("href", "customer/user/edit/"+id);
});
});
</script>
挑选
我建议您不要使用id,因为表中可能有多条记录。因为您的知识id是唯一的,但是您可以为此使用类
<tr>
<td>Base INI File</td>
<td>
<select required name="base_ini_id" class="form-control base_ini_id">
<option value="">Select</option>
<?php foreach($base as $value) { ?>
<option id="emp" class="specialLink" value="<?php echo $value->base_ini_filename;?>"><?php echo $value->base_ini_filename;?></option>
<?php } ?>
</select>
</td>
<td>
<span onclick="btn_edit(this);">Edit</span>
</td>
</tr>
基本INI文件
挑选
你自己有没有尝试过解决这个问题?目前,这是一个“为我编写代码的问题”。这里有一些东西可以让你开始:一旦改变你的选择下拉列表?@Gopal是的当我改变我按钮中的下拉列表时,我将如何获得id?是的,正如代码中提到的,我在下拉列表之外还有一个按钮,所以我想把我从下拉列表中选择的哪个值传递给我的按钮进行编辑,所以基本上我想得到selectedi想要得到的值如果(isset($\u POST['id']){$id=$\u POST['id'];}我的编辑按钮在哪里,则从dropdownin btn_edit()函数中选择的选项的id将使用此选项?我想编辑一个文件,我需要传递我想要编辑的文件的id,所以我将如何做看到我的问题我已经向你展示了你如何编码给我输出,我只是显示编辑,现在编辑按钮接受锚定标记,我传递url,编辑记录或文件标记的id是你的编辑按钮。你可以用按钮代替这个。现在您可以在从下拉列表中获取所选值后运行以下ajax。在我的情况下,我应该怎么做?我的按钮是这样的,首先我传递方法,然后是id,那么我的id将如何传递到这里?我应该这样使用它吗
<script type="text/javascript">
function btn_edit(control)
{
var selected_option = $(control).parent().prev().find('.base_ini_id').val();
// Use selected option variable to pass data in your php file
$.ajax({
type: "post",
url: "customer/upload_ini/edit_ini_old/"+selected_option ,
cache: false,
success: function(change)
{
// Do here what you want...
}
});
}
</script>
<tr>
<td>Base INI File</td>
<td>
<select required onchange="option_change(this);" name="base_ini_id" class="form-control base_ini_id">
<option value="">Select</option>
<?php foreach($base as $value) { ?>
<option id="emp" class="specialLink" value="<?php echo $value->base_ini_filename;?>"><?php echo $value->base_ini_filename;?></option>
<?php } ?>
</select>
</td>
<td>
<a href = "" class="edit_link">Edit</span>
</td>
</tr>
<script type="text/javascript">
function option_change(select)
{
var selected_val = $(select).val();
var link = "customer/upload_ini/edit_ini_old/"+selected_option;
$(select).parent().next().find('.edit_link').attr('href', link);
}
</script>