0

如何在提交时显示的确认对话框中使用表单字段的值，如下所示？

<form action='removefinish.php' method='post' "accept-charset='UTF-8'">
Role: <br>
<select name="role">
<option value="" selected="selected"></option>
<option VALUE="Administrator"> Administrator</option>
<option VALUE="Employee"> Employee</option>
</select>
<br>
<label for='username'>ID: &nbsp;</label>  
<br>
<input type='text' name='username' id='username'/>  
<br>
<br><br>
<input type='submit' name='Submit' value='Submit' onclick="return confirm('Are you sure to remove ID: ')";/>
4

5 回答 5

2

将onclick属性替换为以下内容：

onclick="return confirm('Are you sure to remove ID ' +
   document.getElementById('username').value + '?')"
于 2012-05-14T04:24:33.847 回答
1

您需要挂钩到表单的提交事件。

在你的情况下，你需要给你的form元素一个 ID，在这个例子中，我们给它一个 idformID

<form id="formID" action="removefinish.php" method="post" "accept-charset='UTF-8'">

然后，您像这样挂钩表单的事件：

function formHook() {
    document.getElementById('formID').addEventListener('submit', function(e) {
        // This will fire when the form submit button is pressed,
        // or when the user presses enter inside of a field.

        // Get the value from the username field.
        var value = document.getElementByID('username').value;

        // Ask the user to confirm.
        if (!confirm('Are you sure you wish to remove ' + value + ' from the database?')) {
            // Stop the form from processing the request.
            e.preventDefault();
            return false;
        }
    }, false);
}

您需要在文档加载后执行此操作，以确保 javascript 可以找到表单，而不是在将其添加到 DOM 之前查看。为此，您可以简单地使用以下内容：

window.addEventListener('load', formHook, false);

现在，当文档完成加载时，formHook将调用该函数。

于 2012-05-14T04:23:30.847 回答
0

你可以return confirm('Are you sure to remove ID: ' + document.getElementById('username').value() ) );"

但是，您可能希望从中创建一个函数，只是return customConfirmFunction( );为了使其更易于阅读和面向未来，以防您需要为其添加更多逻辑。

于 2012-05-14T03:54:05.873 回答
0

如果您不想转到另一个页面，您可以使用 ajax，或者将您的表单操作设置为相同的请求 php 文件。

于 2012-05-14T03:58:13.590 回答
0

你可以做这样的事情： -

    <script type="text/javascript">
    var valueText=document.getElementById("username");
    function confirmPopUp()
    {
    var bul=confirm("Are you sure to remove ID"+valueText.value);
    if(bul==true)
    {
    //statements
    }
    else
    {
    //statements
    }
    }
</Script>
于 2012-05-14T04:11:49.307 回答