Получить идентификатор страны динамически в URL после нажатия на кнопку отправки или кнопку поиска - PullRequest
0 голосов
/ 08 апреля 2019

Это controller.php

 <?php
class Autocomplete extends CI_Controller
{
    public function __construct()
    {
        parent::__construct();
        $this->load->model('datacomplete');
    }
    public function index($id)
    {
        echo $id;
        $this->load->view('view_demo', $data);
    }
    public function GetCountryName()
    {
        $keyword = $this->input->post('keyword');
        $data    = $this->datacomplete->GetRow($keyword);
        echo json_encode($data);
    }
}
?>

Это модель

<?php
class Datacomplete extends CI_Model
{

    public function GetRow($keyword)
    {
        $this->db->order_by('id', 'DESC');
        $this->db->like("name", $keyword);

        return $this->db->get('autocomplete')->result_array();
    }

}

это view.php

<!DOCTYPE html>
<html>

<head>
    <!-- Latest compiled and minified CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <!-- Latest compiled and minified JavaScript -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
    </script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js">
    </script>
    <script src="<?php echo base_url(); ?>assets/custom.js">
    </script>
    </link>
</head>

<body style="background-color: #000000;">
    <?php echo $id= 1; ?>
    <form action="<?php echo base_url('autocomplete/index/' .$id); ?>" method="post">
        <div class="row">
            <center>
                <h2 style="color: #fff;">
                    AUTOCOMPLETE FORM FROM DATABASE USING CODEIGNITER AND AJAX
                </h2>
            </center>
            <div class="col-md-4 col-md-offset-4" style="margin-top: 200px;">
                <label class="control-lable" style="color: #fff;">
                    Country Name
                </label>
                <input autocomplete="off" class="form-control" id="country" name="country" placeholder="Type to get an Ajax call of Countries" style="height:70px" type="text">
                <ul aria-labelledby="dropdownMenu" class="dropdown-menu txtcountry" id="DropdownCountry" role="menu" style="margin-left:15px;margin-right:0px;">
                </ul>
                <input type="submit">
                </input>
                </input>
            </div>
        </div>
    </form>
</body>

</html>

Это файл custom.js

$(document).ready(function() {
    $("#country").keyup(function() {
        $.ajax({
            type: "POST",
            url: "http://localhost/codeajax/autocomplete/GetCountryName",
            data: {
                keyword: $("#country").val()
            },
            dataType: "json",
            success: function(data) {
                if (data.length > 0) {
                    $('#DropdownCountry').empty();
                    $('#country').attr("data-toggle", "dropdown");
                    $('#DropdownCountry').dropdown('toggle');
                } else if (data.length == 0) {
                    $('#country').attr("data-toggle", "");
                }
                $.each(data, function(key, value) {
                    if (data.length >= 0)
                        $('#DropdownCountry').append('<li role="displayCountries" ><a role="menuitem dropdownCountryli" class="dropdownlivalue">' + value['name'] + '</a></li>');
                });
            }
        });
    });
    $('ul.txtcountry').on('click', 'li a', function() {
        $('#country').val($(this).text());
    });
});

Я хочу динамически получать идентификатор страны в URL после нажатия кнопки отправки. Теперь у меня есть это, используя статический идентификатор передачи как 1 В таблице есть два столбца, идентификатор и название страны. Как передать идентификатор динамически в URL, когда я нажимаю кнопку отправки. Я не могу получить идентификатор динамически из базы данных, то есть, когда я нажимаю на кнопку «Отправить», следует перенаправить на новую страницу с идентификатором страны или echo $ id на новой странице, а также на URL-адрес, который должен показать мне идентификатор страны

1 Ответ

0 голосов
/ 08 апреля 2019

Вы можете достичь этого, используя JavaScript.

Сначала измените форму:

<form action="<?php echo base_url('autocomplete/index/' .$id); ?>" method="post">

Кому:

<form method="post" id="countryForm">

Затем измените кнопку отправки:

<input type="submit">

Кому:

<input type="submit" id="submitForm" disabled>

А затем применить следующие коды JavaScript:

$(document).ready(function() {
    $("#country").keyup(function() {
        $.ajax({
            type: "POST",
            url: "http://localhost/codeajax/autocomplete/GetCountryName",
            data: {
                keyword: $("#country").val()
            },
            dataType: "json",
            success: function(data) {
                if (data.length > 0) {
                    $('#DropdownCountry').empty();
                    $('#country').attr("data-toggle", "dropdown");
                    $('#DropdownCountry').dropdown('toggle');
                } else if (data.length == 0) {
                    $('#country').attr("data-toggle", "");
                }
                // Assign each country id into each country list `data-` element
                $.each(data, function(key, value) {
                    if (data.length >= 0)
                        $('#DropdownCountry').append('<li role="displayCountries" ><a role="menuitem dropdownCountryli" data-countryid="' + value['id'] + '" class="dropdownlivalue">' + value['name'] + '</a></li>');
                });
            }
        });
    });
    $('ul.txtcountry').on('click', 'li a', function() {
        $('#country').val($(this).text());
        $('#countryForm').attr('action', '<?php echo base_url('autocomplete/index/'); ?>' + $(this).data('countryid'); // set new form action which contain country id
        $('#submitForm').removeAttr('disabled'); // enable the submit button after one country is selected
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...