使用 JQUERY 在按钮单击时打开新选项卡


Open new tab on button click using JQUERY

我的场景是这样的:

我有编辑用户模块。已为每个用户分配了一个基本 INI 文件。当我们编辑用户时,我们有一个下拉菜单,从中选择他的基本 INI 文件

选择后,我们可以保存用户。 并且所选文件的 ID 也会被保存。

这工作正常。

但是,当我们编辑用户时,我可以选择让用户进行custom_ini_file .因此,当他单击编辑按钮时,代码会从一个文件中复制内容并创建一个新文件,并让用户在其中进行自定义更改,然后该文件将被保存。

现在我想在新选项卡或窗口中打开此编辑custom_ini_file,并保持用户编辑页面打开。一旦他完成编辑文件,然后他才能返回编辑用户并保存用户。

所以基本上他应该能够编辑用户和文件。

现在在编辑用户中,我有一个这样的下拉菜单以及编辑按钮:

<tr>
    <td>Base INI File</td>
    <?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> 
        <?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 = "/project/customer/upload_ini/edit_ini_custom/";
                $("#edit_link").attr("href",url+ id); 
            }); 
        }); 
    </script>
</tr>

"编辑"按钮

function btn_edit ($uri)
{
    return anchor($uri, '<i class="glyphicon glyphicon-edit"></i>','id="edit_link"');
}

在帮助程序中

 anchor($uri, '<i class="glyphicon gl yphicon-edit"></i>','id="edit_link"'); 

将其替换为以下它将起作用

 anchor($uri, '<i class="glyphicon glyphicon-edit"></i>',array('id'=>"edit_link", 'target'=> '_blank');

在 jquery 中

$("#edit_link").attr("target","_blank");