Javascript 使用Java脚本更改URI
我正在尝试从下拉列表中获取所选选项的id。我试过这样做:Javascript 使用Java脚本更改URI,javascript,php,jquery,Javascript,Php,Jquery,我正在尝试从下拉列表中获取所选选项的id。我试过这样做: <a id="edit_link" href=""><button>Edit</button> </a> <script type="text/javascript"> $(document).ready(function() { $('#base_ini_id').change(function() { var id =
<a id="edit_link" href=""><button>Edit</button> </a>
<script type="text/javascript">
$(document).ready(function() {
$('#base_ini_id').change(function() {
var id = $("#base_ini_id").val();
$("#edit_link").attr("href","/customer/upload_ini/edit_ini_old/"+id);
});
});
</script>
现在,在本页上,我有另一个编辑按钮,指向以下内容:
/customer/upload_ini/edit_ini_old/1
但当我点击该按钮时,它会转到:
/customer/user/edit/1
为什么会这样?下面是我的代码:
<tr>
<?php
if (isset($_GET['id']))
{
$id = $_GET['id'];
btn_edit($id);
}
?>
<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="/customer/upload_ini/edit_ini_old/">
<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/upload_ini/edit_ini_old/" + id);
});
});
</script>
</tr>
挑选
我用这个脚本得到了答案:
<tr>
<td>Base INI File</td>
<?php
if(isset($_GET['id']))
{
$id=$_GET['id'];
btn_edit_file($id);
}
?>
<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 if($value->id == $user->base_ini_id){echo "selected";} ?>>
<?php echo $value->base_ini_filename;?></option>
<?php } ?>
</select>
</td>
<td>
<?php echo btn_edit('customer/upload_ini/edit_ini_custom/'); ?>
</td>
<script type="text/javascript">
$(document).ready(function() {
$('#base_ini_id').change(function() {
var id = $("#base_ini_id").val();
var url = "/bizrtc/customer/upload_ini/edit_ini_custom/";
$("#edit_link").attr("href",url+ id);
$("#edit_link").attr("target","_blank");
});
});
</script>
</tr>
基本INI文件
挑选
你能把你的代码放在JSFiddle to testNot related上吗?但是这里有点问题:foreach($base as$value){?>@clasina这可能会有帮助。我想做的是获取所选选项的id,并将该id传递给编辑method@Rajan您在JSFIDLE上的代码无法进行测试。您的问题到底是什么?
<tr>
<td>Base INI File</td>
<?php
if(isset($_GET['id']))
{
$id=$_GET['id'];
btn_edit_file($id);
}
?>
<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 if($value->id == $user->base_ini_id){echo "selected";} ?>>
<?php echo $value->base_ini_filename;?></option>
<?php } ?>
</select>
</td>
<td>
<?php echo btn_edit('customer/upload_ini/edit_ini_custom/'); ?>
</td>
<script type="text/javascript">
$(document).ready(function() {
$('#base_ini_id').change(function() {
var id = $("#base_ini_id").val();
var url = "/bizrtc/customer/upload_ini/edit_ini_custom/";
$("#edit_link").attr("href",url+ id);
$("#edit_link").attr("target","_blank");
});
});
</script>
</tr>