Question

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

<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: ')";/>

Answer 1

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

onclick="return confirm('Are you sure to remove ID ' +
   document.getElementById('username').value + '?')"

Answer 2

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

在您的情况下，您需要为form元素提供ID，在此示例中，我们为其指定了formID

<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函数。

Answer 3

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

但是，你可能想要创建一个函数而只是return customConfirmFunction( );，以便更容易阅读和面向未来，以防你需要添加更多逻辑。

Answer 4

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

Answer 5

您可以这样做： -

    <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>

HTML javascript从输入中获取值

5 个答案: