Блог

Главная - Вопросы по программированию - Показывать текст DIV на основе множественного выбора jQuery и PHP

Показывать текст DIV на основе множественного выбора jQuery и PHP

#php #jquery #mysql

#php #jquery #mysql

Вопрос:

Я попытался выполнить поиск в Google и here по своему вопросу, но не нашел точного ответа, который я мог бы использовать. Итак, я спрашиваю здесь. Надеюсь найти помощь.

У меня есть несколько полей ввода в форме, и я хочу показать DIV с помощью jQuery. Детали (псевдологика) следующие.

 V1: <input type="radio" name="rad" value="v1" />
V2: <input type="radio" name="rad" value="v2" />
<select name="sel">
<option value="o1">o1</option>
<option value="o2">o2</option>
</select>

Теперь, на основе выбора, jQuery сгенерирует текст в изначально пустом скрытом div на основе данных, заполненных в полях формы.

Например, как это может быть показано

 <div id="d1">
The calculated value for rad(o1) amp; o2 amp; t1 is "value1"
</div>

Если бы это было только для PHP, простой код, который я мог бы использовать для обработки в другом файле php, был бы (используя запрос mysql, и я знаю о реальных escape-строках, просто не упоминая здесь),

 $radioBtn = $_POST['rad'];
$selDrpDn = $_POST['sel'];
$textData = $_POST['t1'];

//Using this query, 
$queryString = mysql_query("SELECT * FROM mobiles WHERE jobType = '$radioBTN' AND modelName = '$selDrpDn' AND compName = '$textData'");

Комментарии:

1. Вы хотите скрыть / показать элементы div на основе того, какой параметр был выбран?

2. 1. Вы не предоставили достаточно информации, чтобы кто-либо мог вам помочь. 2. Вы не предоставили никакого кода, показывающего, что вы пробовали .. что не сработало и с чем мы можем помочь.

3. @jsickles О, извините, это будет только один скрытый div, который будет показан с сгенерированным текстом, основанным на том, когда все поля будут заполнены.

4. @user3558931 brother если я опубликую исходный код, он будет длинным и неоднозначным, поскольку без структуры базы данных, которую я использую. Если можно сделать возможным приведенный выше код, который «Показывает изначально пустой скрытый div с текстом, сгенерированным jQuery на основе данных из полей формы, когда все заполнены

Ответ №1:

Не уверен, отвечает ли это на ваш вопрос…

 $(function() {
    $("select[name='sel'], input[name='rad']").on("change",function() {
         $('#d1').html("You selected : "   this.value).show();
    }
});

для этого используется код формы и пример div, который вы привели выше.