Вывод данных при выборе select

@avi1 · Регистрация: 09.07.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте есть селект который подгружается из бд, подскажите пожалуйста как сделать чтоб при выборе определенного селект без перезагрузки страницы выводились другие поля этой же таблицы с которой мы работаем в селект, нужно вывести в разных местах эти данные
вот код который делает выборку по селекту

PHP
1
2
3
4
5
6
7
   $sql = "SELECT * FROM rekvizit";
          $result_select = mysql_query($sql);
          echo "<select class='select' style=margin-left:20px; id='organ' name ='organ' size='1'>";
          while($object = mysql_fetch_object($result_select)){
          echo "<option value = '$object->organ' > $object->organ </option>";
}
          echo "</select>";

Пробовал делать как тут описывают не получается, ничего не выводит При выборе элемента <select> автоматически делать выборку из БД

@avi1 · 30.05.2017, 11:26 **[ТС]**

Sombrero,

HTML5
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body>
<h2>Добавление Заявки</h2><br>
                                        <h3>Заявка с клиентом</h3><br>
                                        <img src="img/286848.jpg"><label id='organ' for="organ">Экспедитор</label>
                                        <!--<select name="cittya">-->
                                        <?php 
                                        mysql_connect("localhost", "база", "пароль");
 
                                        mysql_select_db("база");
 
                                        $sql = "SELECT * FROM rekvizit";
 
                                        $result_select = mysql_query($sql);
                                        echo "<select class='select' style=margin-left:20px; id='organ' name ='organ' size='1'>";
 
                                        while($object = mysql_fetch_object($result_select)){
                                        
                                        echo "<option value = '$object->organ' > $object->organ </option>";
                                        
 
}
 
                                        echo "</select>";
 
?>
 
                                        
  
<div id="res"></div>
<table border="1px" cellspacing="0">
    <tr>
        <th>Вид документа</th>
        <th>Номер документа</th>
        <th>Сессия</th>
        <th>Дата создания</th>
        <th width='45%'>Содержание</th>
        <th>Дата обновления</th>
    </tr>
                                        
    
                                        
                                    
<script src="/js/jquery-3.2.1.min.js"></script>
  <script src="/js/chosen.jquery.js"></script>
  <script src="/js/chosen.jquery.min.js"></script>
  <script src="/js/chosen.proto.js"></script>
  <script src="/js/chosen.proto.min.js"></script>
  <link href="/js/chosen.min.css" rel="stylesheet" />
  <link href="/js/chosen.css" rel="stylesheet" />
  <script>$('.select').chosen();</script>
  <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript" src="jquery.maskedinput-1.2.2.js"></script>
 <script type="text/javascript">
 (function() { $("#tel").mask("+7(999)9999999"); } )();
</script>
  <script type="text/javascript">
 (function() { $("#tel2").mask("+7(999)9999999"); } )();
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 <script type="text/javascript">
  $(function(){
        $('#organ').change(function(){
            var val = $(this).val(); //значение option
            $.ajax({
                type:'post',
                url:'select_all_php.php',//обработчик php
                data:'value='+val,//передаем значение option. на сервере будет доступно $_POST['value'}
                success:function(result){// получаем ответ с сервера
                    $('#res').html(result);//выводим на стнанице
                }
                
            })
            console.log($(this).val());
        })
    })
</script>
<script type="text/javascript">
 $(function(){
       $('#organ').on('change',function(){
            console.log('it works');
       })
})
</script>
</body>                         
</html>

@Sombrero · 30.05.2017, 11:44

avi1, проверил с твоим кодом, удалил только php и добавил чистый html, все отлично работает. ajax-запрос так же отсылается. очисти кэш браузера, и проверь все внимательней.

Добавлено через 3 минуты
и добавь кавычки для style

HTML5
1
<select class='select' style="margin-left:20px" id='organ' name ='organ' size='1'>

@avi1 · 30.05.2017, 12:35 **[ТС]**

Sombrero, почистил все все равно все так же(( php где то конфликтует?

Добавлено через 16 минут
Sombrero, можете показать свой html? потому что выкинул пхп и все равно не работает((

@rick_77 · 04.04.2019, 16:22

Добрый день!
Подскажите кто знает.
Есть код в котором реализован выпадающий список соответствующий списку значений поля Nazva_TC.
Далее в скрипте производится вывод выбранного значения из меню и последующее отображение выбранного пункта.
Вопрос.
Как реализовать так, что бы при выборе значения поля Nazva_TC отобразилось значение поля marka_TC в этой же таблице с последующей записью значения поля marka_TC в базу?
Значения выбираю из таблицы tc_basa, а записываю в таблицу pl.
Спасибо.
=============сам код=============

HTML5
1
2
<select name="Nazva_TC" id="Nazva_TC" required="required" onchange="this.form.submit() title = "Выберите номер ТС">
<option value=""> Выберите Номер ТС </option>

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<?
$sql = "SELECT Nazva_TC FROM `tc_basa`";
$result = mysql_query($sql) or die(mysql_error());
while ($row=mysql_fetch_assoc($result))
{
echo "<option value='".$row['Nazva_TC']."'>".$row['Nazva_TC']." </option>";
$insert_sql = "INSERT INTO pl (Nazva_TC)"." VALUES ('{$Nazva_TC}'));";
mysql_query($insert_sql);
print_r($row);
echo $sql;
}
?>

HTML5
1
2
</select>
<td>Наименование ТС</td>

JavaScript
1
2
3
4
5
6
7
8
9
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){
$("select[name=Nazva_TC]").on("change", function () {
var valueSelected = $(this).val();
$("#value-selected").html(valueSelected);
});
});
</script>

Новые блоги и статьи Все статьи Все блоги /
Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .	PowerShell Snippets iNNOKENTIY21 11.11.2025 Модуль PowerShell 5. 1+ : Snippets. psm1 У меня модуль расположен в пользовательской папке модулей, по умолчанию: \Documents\WindowsPowerShell\Modules\Snippets\ А в самом низу файла-профиля. . .
PowerShell и онлайн сервисы. Валюта (floatrates.com руб.) iNNOKENTIY21 11.11.2025 PowerShell функция floatrates-rub Примеры вызова: # Указанная валюта 'EUR' floatrates-rub -Code 'EUR' # Список имеющихся кодов валют floatrates-rub -Available function floatrates-rub {	PowerShell и онлайн сервисы. Погода (RP5.ru) iNNOKENTIY21 11.11.2025 PowerShell функция Get-WeatherRP5rss для получения погоды с сервиса RP5 Примеры вызова Get-WeatherRP5rss с указанием id 5484 — Москва (восток, Измайлово) и переносом строки:. . .	PowerShell и онлайн сервисы. Погода (wttr) iNNOKENTIY21 11.11.2025 PowerShell Функция для получения погоды с сервиса wttr Примеры вызова: Погода в городе Омск с прогнозом на день, можно изменить прогноз на более дней, для этого надо поменять запрос:. . .	PowerShell и онлайн сервисы. Валюта (ЦБР) iNNOKENTIY21 11.11.2025 # Получение курса валют function cbr (] $Valutes = @('USD', 'EUR', 'CNY')) { $url = 'https:/ / www. cbr-xml-daily. ru/ daily_json. js' $data = Invoke-RestMethod -Uri $url $esc = 27 . . .	И решил я переделать этот ноут в машину для распределенных вычислений Programma_Boinc 09.11.2025 И решил я переделать этот ноут в машину для распределенных вычислений Всем привет. А вот мой компьютер, переделанный из ноутбука. Был у меня ноут асус 2011 года. Со временем корпус превратился. . .

@avi1 3 / 3 / 2 Регистрация: 09.07.2014 Сообщений: 147
	30.05.2017, 12:35 [ТС]
	Sombrero, почистил все все равно все так же(( php где то конфликтует? Добавлено через 16 минут Sombrero, можете показать свой html? потому что выкинул пхп и все равно не работает(( 0

Опции темы