0

голосов
0

ответ
7

Просмотры

How to disable button if dynamic textbox are empty

Я отключил кнопку моих представить, чтобы избежать представления, когда текстовое поле не заполнено. У меня есть несколько динамическое текстовое поле, где функция корректно работает. Но при добавлении еще один ряд текстовых полей, кнопка представить уже включена. Как я все еще могу отключить текстовые поля, когда пользователь решает добавить еще одну строку? Мне нужна кнопка отправки должны быть включено, когда все текстовые поля заполнены, до и после добавления еще одну строки. Функция addRow () {вар таблица = document.getElementById ( "бод"); вар ROWCOUNT = table.rows.length; переменная строка = table.insertRow (ROWCOUNT); row.insertCell (0) .innerHTML = ''; row.insertCell (1) .innerHTML = ''; row.insertCell (2) .innerHTML = ''; row.insertCell (3) .innerHTML = ''; row.insertCell (4) .innerHTML = ''; row.insertCell (5) .innerHTML = ''; } Функция успех () {если (document.getElementById ( "uname"). Значение === "" || document.getElementById ( ""). Значение === "возраст" || document.getElementById ( "цель") .value === "" || document.getElementById ( "wafernum"). значение === "" || document.getElementById ( "клетка"). значение === "" || document.getElementById ( "кол-во" ) .value === "" || document.getElementById ( "слово") значение === "") {document.getElementById ( 'submit_form') отключена = верно. } Еще {document.getElementById ( 'submit_form') отключен = ложь. . Document.getElementById ( 'submit_form') style.backgroundColor = "желтый"; } } Назовите возраст:
Blue Minnie
1

голосов
3

ответ
63

Просмотры

Преобразование JSON массива HTML таблицы OnChange из выпадающего списка

У меня есть выпадающий список, в котором пользователи будут выбирать то, что модель, которую они хотят. Тогда у меня есть массив JSON, который содержит модель и другое описание различных автомобилей. Как я могу отобразить соответствующую таблицу в формате JSON в соответствии с выбранным значением в выпадающем списке? Как, например: пользователь выбрал модель Toyota, будет отображаться только Toyota модель автомобиля присутствует в формате JSON. Я новичок в JavaScript. го, тд {обивка: 28px; начертание шрифта: нормальный; выравнивания текста: центр; границы: 1px черного цвета; } -Й {начертание шрифта: жирный; } $ (Документ) .ready (функция () {вар = JSON [{ "Модель": "БМВ", "Car_Model": "6-й серии Gran Turismo", "Год": "2018", "Цвет": ); tr.append ( "" + JSON [я] .Car_Model + ""); tr.append ( "" + JSON [я] .Year + ""); tr.append ( "" + JSON [я] .Color + ""); tr.append ( "" + JSON [я] .Price + ""); . $ ( 'Стол') присоединять (Tr); }}); МОДЕЛЬ: Выбрать модель ... BMW Toyota Hyundai Honda Модель автомобиля Модель Год выпуска Цвет Цена Цена + ""); . $ ( 'Стол') присоединять (Tr); }}); МОДЕЛЬ: Выбрать модель ... BMW Toyota Hyundai Honda Модель автомобиля Модель Год выпуска Цвет Цена Цена + ""); . $ ( 'Стол') присоединять (Tr); }}); МОДЕЛЬ: Выбрать модель ... BMW Toyota Hyundai Honda Модель автомобиля Модель Год выпуска Цвет Цена
Blue Minnie
1

голосов
2

ответ
0

Просмотры

Jquery json.filter два условия

У меня есть список выбора, который должен быть отфильтрован в соответствии с «sa_mb» и «Модель», но я не могу показаться, чтобы отфильтровать два условия, необходимые. Всякий раз, когда я выбираю модель A, список_выборки SA, появится DESTINATION_A и CRITERIA_A. Если пользователь выбирает модели А и МБ, не должно быть отображается результат. $ (Документ) .ready (функция () {VAR = JSON [{ "sa_mb": "SA", "Модель": "Пункт назначения", "А": "DESTINATION_A", "Критерии": "CRITERIA_A"}, { "sa_mb": "Модель" "MB": "B", "Направление": "DESTINATION_B", "критерии": "CRITERIA_B",}]; $ ( "# список_выбора") на ( "изменение",. () => {$ (» $ ( "Таблица") добавить ( `$ {OBJ [ "Модель"]} $ {OBJ [ "Пункт назначения"]} $ {OBJ [ "Критерии"]}`)). }); }); МОДЕЛЬ: Выбрать модель ... AB список_выбора: --Выберите Материал Type-- SA MB МОДЕЛЬ НАЗНАЧЕНИЯ КРИТЕРИИ $ ( "Таблица") добавить ( `$ {OBJ [ "Модель"]} $ {OBJ [ "Пункт назначения"]} $ {OBJ [ "Критерии"]}`)). }); }); МОДЕЛЬ: Выбрать модель ... AB список_выбора: --Выберите Материал Type-- SA MB МОДЕЛЬ НАЗНАЧЕНИЯ КРИТЕРИИ
Blue Minnie
2

голосов
2

ответ
24

Просмотры

Показать выпадающий список текст вместо значения с помощью innerhtml

У меня есть выпадающий список с помощью функции, как это: car_list.options [1] = новый вариант ( «Мазда», «A_Mazda»); Я поставил A_Mazda в качестве значения выпадающего меню для различения. Теперь у меня есть кнопка, которая будет отображать значения в раскрывающемся списке на представлении таблицы. То, что я хочу, чтобы отобразить это текст списка, а не значение. Функция addRow () является то, что я сделал, чтобы отобразить значение списка в виде таблицы. На данный момент, A_Mazda отображает вместо Mazda, когда кнопка cliked. Пожалуйста, помогите функции addRow () {вар таблица = document.getElementById ( "таблица-результатов"); вар ROWCOUNT = table.rows.length; переменная строка = table.insertRow (ROWCOUNT); row.insertCell (0) .innerHTML = car.value; row.insertCell (1) .innerHTML = model.value; row.insertCell (2) .innerHTML = ''; } Функция getDestination () {вар model_list = document.getElementById ( 'модель'); вар car_list = document.getElementById ( "адресат"); вар list1SelectedValue = model_list.options [model_list.selectedIndex] .value; если (list1SelectedValue == 'Автомобили') {car_list.options.length = 0; car_list.options [0] = новый вариант ( '- Выберите CAR--', ''); car_list.options [1] = новый вариант ( 'Мазда', 'A_Mazda'); car_list.options [2] = новый вариант ( 'Toyota', 'B_Toyota'); car_list.options [3] = новый вариант ( 'Honda', 'C_Honda'); car_list.options [4] = новый вариант ( 'Hyundai', 'D_Hyundai'); } Иначе, если (list1SelectedValue == 'Food') {destination_list.options.length = 0; destination_list.options [0] = новый вариант ( '- Выберите FOOD--', ''); destination_list.options [1] = новый вариант ( 'Burger', 'A_Burger'); destination_list.options [2] = новый вариант ( 'Fries', 'B_Fries'); destination_list.options [3] = новый вариант ( 'Паста', 'C_Pasta'); destination_list.options [4] = новый вариант ( 'Мороженое', 'D_Ice_cream'); }} MODEL Автомобили Еда автомобилей ) {Destination_list.options.length = 0; destination_list.options [0] = новый вариант ( '- Выберите FOOD--', ''); destination_list.options [1] = новый вариант ( 'Burger', 'A_Burger'); destination_list.options [2] = новый вариант ( 'Fries', 'B_Fries'); destination_list.options [3] = новый вариант ( 'Паста', 'C_Pasta'); destination_list.options [4] = новый вариант ( 'Мороженое', 'D_Ice_cream'); }} MODEL Автомобили Еда автомобилей ) {Destination_list.options.length = 0; destination_list.options [0] = новый вариант ( '- Выберите FOOD--', ''); destination_list.options [1] = новый вариант ( 'Burger', 'A_Burger'); destination_list.options [2] = новый вариант ( 'Fries', 'B_Fries'); destination_list.options [3] = новый вариант ( 'Паста', 'C_Pasta'); destination_list.options [4] = новый вариант ( 'Мороженое', 'D_Ice_cream'); }} MODEL Автомобили Еда автомобилей A_Burger '); destination_list.options [2] = новый вариант ( 'Fries', 'B_Fries'); destination_list.options [3] = новый вариант ( 'Паста', 'C_Pasta'); destination_list.options [4] = новый вариант ( 'Мороженое', 'D_Ice_cream'); }} MODEL Автомобили Еда автомобилей A_Burger '); destination_list.options [2] = новый вариант ( 'Fries', 'B_Fries'); destination_list.options [3] = новый вариант ( 'Паста', 'C_Pasta'); destination_list.options [4] = новый вариант ( 'Мороженое', 'D_Ice_cream'); }} MODEL Автомобили Еда автомобилей
Blue Minnie
0

голосов
0

ответ
22

Просмотры

Заполняем HTML таблицу с данными JSON на основе списка

У меня есть два PHP файлы, имеет различные функциональные возможности. Я хочу объединить мой файл «trial.php» в мой файл «response.php». Мой файл response.php использует JSON массив для заполнения в моем четыре динамическом списке на поставку необходимых исходных данных для формы с соответствии с первым выпадающим списком, который является типом животных, пользователи также имеют возможность добавлять и выбирать только необходимые значения , В моем файле trial.php, OnChange из optionlist, таблица будет automically заполнить все значения с постоянными данными. В сочетании, я хотел, чтобы пользователь имел все поля заполнены OnChange из списка опций и каким-то образом, давая им также возможность заполнить другие значения, исходя из их потребностей / критериев. Я не могу объединить два файла в один файл, имеющий как функциональность. Пожалуйста, помогите мне Im новой для ответа JavaScript. Функция PHP GoBack () {window.history.back ()} -й, тд {обивка: 15px; начертание шрифта: нормальный; } Window.onload = функция () {вар ModelArray = { "Млекопитающие": { "Собака": { "корм для собак": [ "Молоко"]}, "Кошка": { "Корм для кошек": [ "Молоко"] }, "Тигр": { "Мясо": [ "вода"]}, "обезьяна": { "банан": [ "вода"]}}, "Рептилии": { "змейки": { "Крыса": [ "None"]}, "Черепаха": { "завод": [ "Вода"]}, "Ящерица": { "Насекомые": [ "None"]}, "крокодил": { "Мясо": [ "Вода"]}}} // Получить HTML элементы вар модель = document.getElementById ( "MODEL"); вар назначения = document.getElementById ( "адресат"); Критерии вар = document.getElementById ( "критерии"); вар material_form = document.getElementById ( "material_form"); // загрузить модели для (вар model_value в ModelArray) {model.options [model.options.length] = новый вариант (model_value, model_value); } // модель изменилась -> значение целевой функции model.onchange = () {destination.length = 1; criteria.length = 1; material_form.length = 1; если (this.selectedIndex <1) {criteria.options [0] .text = "" возвращение; } destination.options [0] .text = "Выберите пункт назначения ..." для (вар destination_value в ModelArray [this.value]) {destination.options [destination.options.length] = новый вариант (destination_value, destination_value); } Если (destination.options.length == 2) {destination.selectedIndex = 1; destination.onchange (); }} // назначения изменилось -> Критерии значения model.onchange (); destination.onchange = функция () {criteria.length = 1; material_form.length = 1; если (this.selectedIndex <1) {criteria.options [0] .text = "" возвращение; } criteria.options [0] .text = "" для (вар criteria_value в ModelArray [model.value] [this.value]) {criteria.options [criteria.options.length] = новый вариант (criteria_value, criteria_value); } Если (criteria.options.length == 2) {criteria.selectedIndex = 1; criteria.onchange (); }} // критерии изменились -> материальная форма значение criteria.onchange = функция () {material_form.length = 1; если (this.selectedIndex <1) {material_form.options [0] .text = "" возвращение; } material_form.options [0] .text = "" вар material_form_value = ModelArray [model.value] [destination.value] [this.value]; для (вар я = 0; г <material_form_value.length; я ++) {material_form.options [material_form.options.length] = новый вариант (material_form_value [I], material_form_value [I]); } Если (material_form.options.length == 2) {material_form.selectedIndex = 1; //material_form.onchange (); }}} Функция SaveData () {вар DataList = []; вар таблица = document.getElementById ( "бод"); вар rowLength = table.rows.length; // цикл по строкам для (I = 0; я <rowLength; я ++) {// возвращает ячейки текущей строки вар oCells = table.rows.item (I) .cells; // возвращает количество ячеек текущей строки // вар cellLength = oCells.length-2; // цикл по каждой ячейке в строке текущего элемента вар = {}; Пункт [ "адресат"] = oCells.item (1) .innerHTML; // назначения список параметров пункт [ "критерии"] = oCells.item (2) .innerHTML; // критерии списка параметров пункт [ "material_form"] = oCells.item (3) .innerHTML; // material_form список параметров пункт [ "модель"] = oCells.item (0) .innerHTML; // список параметров модели // пункт [ "field10"] = oCells.item (8) .innerHTML; // случайного числа текстового поле DataList.push (пункт)} запрос переменного = новый XMLHttpRequest () request.open (» parentNode.parentNode.rowIndex; вар таблица = document.getElementById ( "myTableData"); table.deleteRow (индекс); } Функция отключения () {document.getElementById ( "модель") отключена = верно.; } Функция включения () {document.getElementById ( "модель") отключена = ложь. } $ (Функция () {$ ( "# сброс") нажмите (функция () {$ ( "# myTableData") найти ( "тр: нет (: первая)"...) Удалить ();});} ); Примечание: Пожалуйста, проверьте все записи, прежде чем нажать кнопку отправки. ANIMAL TYPE: Выберите тип ... ЦЕЛЬ: REQUEST_DATE: getElementById ( "MODEL") отключено = верно. } Функция включения () {document.getElementById ( "модель") отключена = ложь. } $ (Функция () {$ ( "# сброс") нажмите (функция () {$ ( "# myTableData") найти ( "тр: нет (: первая)"...) Удалить ();});} ); Примечание: Пожалуйста, проверьте все записи, прежде чем нажать кнопку отправки. ANIMAL TYPE: Выберите тип ... ЦЕЛЬ: REQUEST_DATE: getElementById ( "MODEL") отключено = верно. } Функция включения () {document.getElementById ( "модель") отключена = ложь. } $ (Функция () {$ ( "# сброс") нажмите (функция () {$ ( "# myTableData") найти ( "тр: нет (: первая)"...) Удалить ();});} ); Примечание: Пожалуйста, проверьте все записи, прежде чем нажать кнопку отправки. ANIMAL TYPE: Выберите тип ... ЦЕЛЬ: REQUEST_DATE: Пожалуйста, проверьте все записи, прежде чем нажать кнопку отправки. ANIMAL TYPE: Выберите тип ... ЦЕЛЬ: REQUEST_DATE: Пожалуйста, проверьте все записи, прежде чем нажать кнопку отправки. ANIMAL TYPE: Выберите тип ... ЦЕЛЬ: REQUEST_DATE:
Blue Minnie