Question

我有一个index.html，显示我拥有的所有数据库。现在我想提供一些处理数据库的选项（例如编辑，删除......）。所以我想创建一个带有数据库ID的无线电选择和一些用于重定向右侧URL的链接。

我的目标：点击请求的操作将用户带到正确的URL。

我希望，这是可以理解的:) 请有人帮帮我。

//编辑

<script>
function edit_db(id){
    window.location.href="/edit/"+id
}

function delete_db(id){
    window.location.href="/"+id+"/delete/"
}    
</script>

<form method="post" action="">
 <ul>
    <table>
        <tr>
            <th>&nbsp;</th>
            <th>Database</th>
            <th>expireDate</th>
        </tr>
        {% for db in resources %}
        <tr>
             <td>
                <input type="radio" name="id" id="{{db.id}}" value="{{db.id}}">
             </td>
            <td>{{db.name}}</td>
            <td>{{db.expireDate}}</td>
        </tr>
        {% endfor %}
    </table>

    <input type="submit" class="submitButton" onclick="edit_db({{ db.id }})" value="{% trans "Edit database"%}" />
    <input type="submit" class="submitButton" onclick="delete_db({{ db.id }})" value="{% trans "Delete database"%}" />
</form>

Answer 1

我建议您使用jQuery左右来完成此任务。

但是，你需要首先调整你的id，因为id / class不能以html中的数字开头，所以请使用id="database_{{ db.id }}"

我不知道{% show_task_link "./{{db.id}}/edit" _("Edit database") %}做了什么，但要确保它有一个id，这样你就可以通过jQuery访问它了：

<script type="text/javascript>
$(function(){
   $('.db').click(function(){
      if($(this).is(':checked')){
          $('#id_for_your_link').html() // put your link in html, add the id through $(this).val()
      }
   }
})
</script>

注意：我还没有测试过jQuery

Answer 2

<script>
function edit_db(id){
    window.location.href="/edit/"+id
}

function delete_db(id){
    window.location.href="/"+id+"/delete/"
}    
</script>

<form method="post" action="">
 <ul>
    <table>
        <tr>
            <th>&nbsp;</th>
            <th>Database</th>
            <th>expireDate</th>
        </tr>
        {% for db in resources %}
        <tr>
             <td>
                <input type="radio" name="id" id="{{db.id}}" value="{{db.id}}">
             </td>
            <td>{{db.name}}</td>
            <td>{{db.expireDate}}</td>
            <td>
                <input type="submit" class="submitButton" onclick="edit_db({{ db.id }})" value="{% trans "Edit database"%}" />
                <input type="submit" class="submitButton" onclick="delete_db({{ db.id }})" value="{% trans "Delete database"%}" />
            </td>
        </tr>
        {% endfor %}
    </table>


</form>

Django：从无线电选择创建通用链接

2 个答案: