Javascript 如何使用下拉菜单创建按钮_Javascript_Php_Html

Javascript 如何使用下拉菜单创建按钮

javascript php html

Javascript 如何使用下拉菜单创建按钮,javascript,php,html,Javascript,Php,Html,每当我点击发送按钮时，就会弹出一个下拉菜单。我怎么做？这是我现在的密码。这段代码怎么了 <?php if(isset($_POST["driver_number"]))?> <form action="#" method="post"> <select name="driver_number"> <option value="Driver Number">Driver Number</option> <option val

每当我点击发送按钮时，就会弹出一个下拉菜单。我怎么做？这是我现在的密码。这段代码怎么了

<?php if(isset($_POST["driver_number"]))?>
<form action="#" method="post">
<select name="driver_number">
  <option value="Driver Number">Driver Number</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
 <button type="submit" input style="background-color:#FFFF00;color:black" name="submitSent" class="btn btn-primary"onclick="if(!confirm('+ document.getElementById('driver_number').value')){return false;}" >Send</button> </form>


司机号码
1.
2.
3.
发送

更新：谢谢大家！您所有的答案都对我有帮助。

您必须进行以下更改：

1）您正在按id选择元素，因此需要为选择框指定id

2）您的转义点击事件不正确，请按如下所示更改代码


司机号码
1.
2.
3.
发送

您必须执行以下更改：

1）您正在按id选择元素，因此需要为选择框指定id

2）您的转义点击事件不正确，请按如下所示更改代码


司机号码
1.
2.
3.
发送

请查看我的完整可运行代码。我希望它能帮助你

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>


引导示例


模态示例
发送下拉值
&时代；
模态头
司机号码
1.
2.
3.
发送
接近

请查看我的完整可运行代码。我希望它能帮助你

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>


引导示例


模态示例
发送下拉值
&时代；
模态头
司机号码
1.
2.
3.
发送
接近

首先，您必须将按钮

type=“submit”

更改为

type=“button”

，否则表单将在不评估onclick事件的情况下提交

其次，要使用

document.getElementById（'driver_'number'）

必须在select元素上有一个id

第三（这主要是为了优雅起见），

确认

的

if

条件中的

{return false；}

可能是不必要的，您可以在下面代码中建议的函数中实现提交：

<?php if(isset($_POST["driver_number"])) { print_r($_POST); }// to test what has been posted?>
<form id="myform" action="#" method="post">
<select id="driver_number" name="driver_number">
  <option value="Driver Number">Driver Number</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
 <button type="button" input style="background-color:#FFFF00;color:black" name="submitSent" class="btn btn-primary"onclick="send();" >Send</button> </form>

<script>
function send(){ if(confirm(document.getElementById('driver_number').value)){ document.getElementById('myform').submit(); }
}

</script>


司机号码
1.
2.
3.
发送
函数send（）{if（confirm（document.getElementById（'driver_number'）.value））{document.getElementById（'myform'）.submit（）}
}

最后，如果（！confirm（'+document.getElementById（'driver\u number'）.value'））条件中存在两种类型的

'+

和

），它应该是

如果（！confirm（document.getElementById（'driver\u number'）.value））

首先，您必须将按钮

type=“submit”

更改为

类型=“按钮”

，否则提交表单时不评估onclick事件

其次，要使用

document.getElementById（'driver_'number'）

必须在select元素上有一个id

第三（这主要是为了优雅起见），

确认

的

if

条件中的

{return false；}

可能是不必要的，您可以在下面代码中建议的函数中实现提交：

<?php if(isset($_POST["driver_number"])) { print_r($_POST); }// to test what has been posted?>
<form id="myform" action="#" method="post">
<select id="driver_number" name="driver_number">
  <option value="Driver Number">Driver Number</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
 <button type="button" input style="background-color:#FFFF00;color:black" name="submitSent" class="btn btn-primary"onclick="send();" >Send</button> </form>

<script>
function send(){ if(confirm(document.getElementById('driver_number').value)){ document.getElementById('myform').submit(); }
}

</script>


司机号码
1.
2.
3.
发送
函数send（）{if（confirm（document.getElementById（'driver_number'）.value））{document.getElementById（'myform'）.submit（）}
}

最后，在

if（！confirm（'+document.getElementById（'driver_number'）.value'）

条件中，

'+

和

有两个输入错误，它应该是

if（！confirm（document.getElementById（'driver_number'）.value））

您编写了哪些代码来添加下拉菜单？您是说您的选择元素是下拉菜单吗？如果是这种情况，您通常会在提交表单之前检查您的选择值是否已发送，如果未通过错误消息（即基本表单验证）将其传达给用户这可能包括在选择元素上设置焦点，该元素将自动展开以显示选项。您编写了哪些代码来添加下拉菜单？您是说您的选择元素是下拉菜单吗？如果是这种情况，通常您会在提交表单之前检查您的选择值是否已发送如果没有，则通过错误消息（即基本表单验证）将其传达给用户这可以包括在选择元素上设置焦点，该元素将自动展开以显示选项。这不是我想要的，兄弟。我想要我的下拉列表在我的按钮内。如果我单击按钮，下拉列表将弹出这不是我想要的，兄弟。我想要我的下拉列表在我的按钮内。如果我单击按钮，下拉列表将弹出