Здравствуйте. есть в коде тег <select> с скриптом и с php кодом:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
<div class="inthis">
<div class="block">
<label>Country :</label>
<select onchange="with (this) if (selectedIndex) location = options [selectedIndex].value" class="selectpicker" data-style="btn-info" data-live-search="true">
<option value="0">Select Country</option>
<?php
include('db.php');
$sql = mysqli_query($con,"select * from user");
$userlink = "http://msgphp/users/";
$pphhpp = ".php";
$sle = "/";
while($row=mysqli_fetch_array($sql))
{
$country_name = $row['user'];
echo '<option value="'.$userlink, $country_name, $sle, $country_name, $pphhpp.'">'.$row['user'].'</option>';
}
?>
<script type="text/javascript">
$(document).ready(function()
{
$(".country").change(function()
{
var country_id=$(this).val();
var post_id = 'id='+ country_id;
$.ajax
({
type: "POST",
url: "ajax.php",
data: post_id,
cache: false,
success: function(cities)
{
$(".city").html(cities);
}
});
});
});
</script>
</select>
</div>
Нужно чтоб пти нажатии на какойнибудь батон появлялся новый <select> с теми же настройками что и первый, с одним нюансом чтоб в <option value="0"> значение value="0" , менялось на +1.
