Html и php или js выбираются с помощью запроса с относительным полем

Привет, у меня есть клиент и адреса клиентов. Когда я выбираю клиента, я хочу загрузить соответствующее местоположение клиента в другой выбор. как я могу это сделать, используя html и php

Спасибо за ваш вклад. Я думаю, что я что-то упустил. у клиента будет несколько местоположений в качестве адреса доставки. данные будут в «SELECT * FROM customerlocations WHERE transactus='1' and customerid='1'». Я хочу передать в это поле идентификатор клиента, выбранный в первом поле выбора, чтобы пользователь мог выбрать все их местоположения.

<div class = "form-group">
<label for = "customerID" class = "col-sm-3 control-label">Customer</label>
<div class = "col-sm-9">
<select class = "form-control" name = "customerName[]" id = "customerName" onchange = "getCustomerData()" >
<option value = "">~~SELECT~~</option>
<?php
$customerSql = "SELECT * FROM customers WHERE transactionstatus='1' and companyid='1'";
$customerData = $connect->query($customerSql);

while($row = $customerData->fetch_array()) {                                            
echo "<option value='".$row['customerid']."' id='changeCustomer".$row['customerid']."'>".$row['customername']."</option>";
} // /while 

?>

</select>
</div>
</div> <!--/form-group-->             
<div class = "form-group">

Вы ищете каскадные выделения ?

mplungjan 03.09.2024 07:35

Вы не можете сделать это с текстовыми документами HTML. Для этого требуется как минимум сценарий.

tacoshy 03.09.2024 08:00
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
60
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я использую php, HTML и jquery ajax для загрузки данных о местоположении клиента при выборе ввода, когда пользователь меняет раскрывающийся список выбора. Это мой файл Index.php.

<?php
define('server','localhost');
define('user','root');
define('pwd','');
define('dbname','customer');
$conn=mysqli_connect(server,user,pwd,dbname);
?>
<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src = "https://code.jquery.com/jquery-3.7.1.js" integrity = "sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4 = " crossorigin = "anonymous"></script>
</head>
<body>
<div class = "form-group">
<label for = "customerID" class = "col-sm-3 control-label">Customer</label>
<div class = "col-sm-9">
<select class = "form-control" name = "customerName[]" id = "customerName" onchange = "getCustomerData()" >
<option value = "">select</option>
<?php
$customerSql = "SELECT * FROM customer";
$customerData = mysqli_query($conn,$customerSql);

while($row = mysqli_fetch_array($customerData)) {                                            
echo "<option value='".$row['id']."' id='changeCustomer".$row['id']."'>".$row['name']."</option>";
} 

?></select>
</div>
</div> 
<!--/form-group-->             
<div class = "form-group">
<label for = "customerAddress" class = "col-sm-3 control-label">Customer Address</label>
<div class = "col-sm-9">
<select class = "form-control" name = "customerAddress[]" id = "customerAddress">
<option value = "">select</option>
</select>
</div></div>
<script>
    function getCustomerData(){        
            var a=$('#customerName').val();
              $.ajax({
                url:'customer.php',
                type:'Post',
                data:{id:a},
                success:function(data){
                    $('#customerAddress').html(data);
                }
            })
            
        }
</script>

</body>
</html>

customer.php выглядит так

<?php
define('server','localhost');
define('user','root');
define('pwd','');
define('dbname','customer');
$conn=mysqli_connect(server,user,pwd,dbname);
$id=$_POST['id'] ? $_POST['id'] :0;
$sql = "select * from customer where id=$id";
$result=mysqli_query($conn,$sql);
$output='';
if (mysqli_num_rows($result)>0){
while($row=mysqli_fetch_assoc($result)){
    $output.= "<option value='".$row['id']."''>".$row['address']."</option>";
}}else{
    $output.='<option value = "">select</option>';
}
echo $output;
?>

Спасибо за ваш вклад. Я думаю, что я что-то упустил. у клиента будет несколько местоположений в качестве адреса доставки. данные будут в «SELECT * FROM customerlocations WHERE transactus='1' and customerid='1'». Я хочу передать в это поле идентификатор клиента, выбранный в первом поле выбора, чтобы пользователь мог выбрать все их местоположения.

Natesh 03.09.2024 17:38

Пример ссылки:santosh.focusindia.com/stackoverflow

Ritik tech 04.09.2024 07:41

Спасибо за ссылку на пример. постараюсь держать вас в курсе.

Natesh 04.09.2024 17:59

большое спасибо за вашу поддержку. это сработало как шарм.

Natesh 04.09.2024 18:35

Другие вопросы по теме