Функция onchange при выборе выпадающего меню будет заполнять текстовое поле

0

это моя таблица в базе данных

tbl_job_title

ID | Job_title    | description     | 
1  | Accountant   | Handle Accounts |
2  | Dev. Support | Support Centre  |

при выборе названия задания из таблицы, я использую раскрывающееся меню, и вот мой код.

<select id="job_title" >
   <option value=""> </option>
     <?php foreach ($job_title as $row): ?>
       <option value="<?php echo $row['id']; ?>"><?php echo $row['title']; ?>
       </option>
     <?php endforeach?>
</select>

и у меня есть текстовое поле, которое будет заполнено, если я выберу job_title

<input type="text" id="catch_value">

Как заполнить текстовое поле, когда я выбираю пример "Accountant", значение текстового поля должно быть "Handle Accounts".

Теги:

4 ответа

3
Лучший ответ

Вот короткий и сладкий код, который я сделал именно для вас, не стесняйтесь использовать его! Не требуется Ajax...

КОД -

<select id="job_title" >
   <option value="" class="job" role=""> </option>
     <?php foreach ($job_title as $row): ?>
       <option value="<?php echo $row['id']; ?>" class="job<?php echo $row['id']; ?>" role="<?php echo $row['description']; ?>"><?php echo $row['title']; ?>
       </option>
     <?php endforeach?>
</select>

JQuery -

$('#job_title').on('change',function(){
    var m = this.value;
    var n = $('.job'+m).attr('role');
    $('#catch_value').val(n);
    return false;
});

например - скрипка

Поделиться
  • 0
    у вас есть образец в jsfiddle? Спасибо
  • 1
    эй попробуй эту скрипку - jsfiddle.net/TPE9r/4
Показать ещё 9 комментариев
2

Это правильный ответ:

    <select id="job_title" onchange='populate()'>
   <option value=""> </option>
    <?php foreach ($job_title as $row): ?>
    <option value="<?php echo $row['id']; ?>"><?php echo $row['title']; ?>
   </option>
 <?php endforeach?>
  </select>

   <script>
       function populate(){
        var jobttl= document.getElementById('job_title').value();
        if(jobttl){
          document.getElementById('catch_value').value;
        }

        }
   </script>
Поделиться
  • 0
    у вас есть образец jsfiddle для этого?
2 
<select id="job_title" onchange="javascript:callajaxvalue(this.value);">
   <option value=""> </option>
     <?php foreach ($job_title as $row): ?>
       <option value="<?php echo $row['id']; ?>"><?php echo $row['title']; ?>
       </option>
     <?php endforeach?>
</select>

<script>
    function callajaxvalue(id)
    {
          $.ajax({
           type: "POST",
           url: "some.php",
           data: { id: id}
            success: function(data, textStatus ){
                if(data)
                { $("#catch_value").val(data);}
            },
          })
    }
</script>

some.php

$ _POST [ 'ID'];

$ query = "получить данные из таблицы";

выполнить запрос.

echo $ row ['description'];

Для кодифицирующего

function callajaxvalue(id)
    {
          $.ajax({
           type: "POST",
           url: "my_controller/update/"+id,
           data: { id: id}
            success: function(data, textStatus ){
                if(data)
                { $("#catch_value").val(data);}
            },
          })
    }

my_Controller.php

    public function update()
    {
        $id = $this->input->post('id');
        $data['discription'] = call model function for get data form database

        echo json_encode($data);
    }
Поделиться
  • 0
    у вас есть образец этого в jsfiddle?
  • 1
    это очень легко реализовать. с какой проблемой вы сталкиваетесь. где путаница в этом коде?
Показать ещё 2 комментария
1 
 $('#job_title').change(function(){
  $('#catch_value').val('Handle Accounts');
 });

смотреть скрипку: скрипка

или вы можете добавить, если статуты

 $('#job_title').change(function(){
    var jt = $('#job_title').val();
if(jt == "Something")
{
  $('#catch_value').val('Handle Accounts');
}
if (jt == "SomethingElse")
{
   $('#catch_value').val('somethingelse');
}
 });
Поделиться
  • 1
    При этом будет установлено значение «Обработка учетных записей», независимо от того, какой <option> выбран.
  • 0
    значение из базы данных. как я должен получить значение?
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню