Заполните HTML-радио кнопки с информацией из базы данных mysql

Question

Я не думаю, что мой запрос сложный, но я новичок в php и mySQL, поэтому любая помощь будет высоко оценена!

* У меня есть вторая таблица, которая представляет собой список инвентаря. Таблица имеет две колонки: изготовитель и товар.

* У меня есть страница HTML, которая содержит форму с двумя наборами кнопок радио (первый набор для выбора производителя и второго набора для выбора пунктов)

Для простоты, позволяет говорят, что существует 2 возможных производителя (обозначенных как Man1 и Man2) и 4 возможных элемента (обозначенных как 1, 2, 3 и 4). Как указано выше, на странице html с формой пользователь сначала выбирает Man1 или Man2 из первого набора переключателей. Тогда мне хотелось бы, чтобы второй набор переключателей был списком доступных элементов ранее выбранным производителем. Например:

Ниже приведен пример инвентаризации таблицы: ИЗГОТОВЛЕНИЕ ЭЛЕМЕНТ

Man1 1

man2 3

Man1 4

Man1 4

Таким образом, если пользователь выбирает Man1 в первом наборе переключателей, я бы хотел, чтобы второй набор из двух переключателей отображался с оценкой эс 1 и 4. Если пользователь выбирает man2, я хотел бы, только одна кнопка радио, которое будет отображаться со значением 1.

---

Что такое лучший способ пойти о выполнении этого?

Answer 1

Вы не сможете делать то, что вы только что описали, используя только PHP и MySQL, потому что из того, что вы описываете, вы хотите, чтобы радиобокс обновлялся в реальном времени на основе ваших критериев выбора.

Как сказал rdlowrey, SO не является кодом для бесплатного сайта, и похоже, что вам нужно многому научиться самостоятельно. Тем не менее, я могу помочь вам вместе с быстрой мелочью о том, что вам нужно будет сделать.

1) Построить HTML/PHP для вашей страницы 2) Написать яваскрипт функции, которая запускается при выборе производителя, с использованием AJAX для запросов к базе данных MySQL, и вернуть набор элементов для данного производителя 3) Эта же функция javascript затем будет использовать возвращаемую информацию для обновления DOM и создания новых переключателей

Я считаю, что это довольно просто, и это, вероятно, будет хорошей возможностью обучения для вас. Просто знайте, что вам определенно нужно будет использовать AJAX для получения функциональности, которую вы описываете.

Answer 2

Не усложняйте это ... вы можете использовать AJAX для этого, но вы учитесь, поэтому я бы рекомендовал вам использовать jquery для этого. используйте JQuery, чтобы скрыть div r2_selected и r1_selected, когда вы выберете вход с идентификатором r1 или ID r2, вы увидите один div и спрятали другой. Вот урок: http://papermashup.com/simple-jquery-showhide-div/ Если вы не понимаете, дайте мне знать, чтобы дать вам больше кода.

<input type="radio" name="r1" id="r1"/> 
<input type="radio" name="r2" id="r2"/> 
<div class="r1_selected"> 
Man1 1 
Man2 3 
Man1 4 
Man1 4 
    </div> 

<div class="r2_selected"> 
    Man1 1 
    Man2 3 
    Man1 4 
    Man1 4 

</div>