Я создал массив, содержащий список некоторых автомобилей и основанный на нем, я сделал несколько избранных тегов, содержащих эти автомобили. Рядом с каждым тегом select есть текстовое поле, в котором можно ввести цену выбранного автомобиля. Я бы хотел сделать это, нажав кнопку "Кликнуть", создать таблицу, содержащую все выбранные автомобили вместе с введенными ценами. До сих пор мне удалось создать таблицу с автомобилем, но я не могу понять, как включить цены в соседние ячейки. Вот код HTML:
<label>Item 1 </label><select class="cars"></select><label>Price</label> <input type="text" /><br /><br />
<label>Item 2 </label><select class="cars"></select><label>Price</label> <input type="text" /><br /><br />
<label>Item 3 </label><select class="cars"></select><label>Price</label> <input type="text" /><br /><br />
<label>Item 4 </label><select class="cars"></select><label>Price</label> <input type="text" /><br /><br />
<label>Item 5 </label><select class="cars"></select><label>Price</label> <input type="text" /><br /><br />
<label>Item 6 </label><select class="cars"></select><label>Price</label> <input type="text" /><br /><br />
<input type="text" id="value" />
<input type="button" value="Click" id="addNew" />
<table width="200" border="1" cellspacing="1" cellpadding="1" id="table">
<tr>
<th>Product</th>
<th>Amount</th>
</tr>
</table>
и heres код jQuery
//Tabela produktów
var cars = new Array(
'BMW',
'Audi',
'Mazda',
'Toyota',
'Ford',
'Honda',
'VW',
'Opel'
)
//Sortowanie tabeli alfabetycznie
cars.sort();
//Tworzenie listy rozwijanej
$(document).ready(function(){
for(i=0;i<cars.length;i++){
$(".cars").append("<option>"+ cars[i] +"</option>");
}
});
//Tworzenie tabeli
$(document).ready(function(){
$("#addNew").click(function(){
$("select").each(function(){
var x = $(this).val();
$("#table").append("<tr><td>"+x+"</td><td></td></tr>");
});
});
});
Буду признателен за всю помощь :)
Пытаться
var cars = new Array(
'BMW',
'Audi',
'Mazda',
'Toyota',
'Ford',
'Honda',
'VW',
'Opel'
)
//Sortowanie tabeli alfabetycznie
cars.sort();
//Tworzenie listy rozwijanej
$(document).ready(function () {
for (i = 0; i < cars.length; i++) {
$(".cars").append("<option>" + cars[i] + "</option>");
}
});
//Tworzenie tabeli
$(document).ready(function () {
$("#addNew").click(function () {
$("select").each(function () {
var x = $(this).val();
$("#table").append("<tr><td>" + x + "</td><td>" + $(this).nextUntil("input[type=text]").next().val() + "</td></tr>");
});
});
});