Я использую код в jQuery Mobile для динамического генерации выбранных меню, но у меня возникают проблемы с передачей данных в базу данных. Меню создаются с использованием метода append
для каждого элемента формы. Вот пример короткого кода:Отправка избранных меню
for (var i = 0; i < arr.length; i++) {
var r = arr[i];
console.log(r);
name = r.optionname;
val = r.optionvalue;
nameid = r.optionnameid;
valueid = r.optionvalueid;
if ($("#prodAttributes_"+prodID+" select").is("[name*=" + name + "]")) {
var select = $("#prodAttributes_"+prodID).find("select[name*=" + name + "]");
var option = $("<option></option>");
option.val(val);
option.text(val);
option.attr("id", valueid);
select.append(option);
} else {
var select = $("<select></select>");
select.attr("name", name);
select.attr("id", nameid);
var option = $("<option></option>");
option.val(val);
option.text(val);
option.attr("id", valueid);
select.append(option);
var label = $("<label></label>");
label.attr("class", "select");
label.attr("for", name);
label.text(name);
fieldset.append(select);
myform.append(div);
$(myform).appendTo("#prodAttributes_"+prodID);
}
}
Я знаю, что это не самый приятный код.
Проблема у меня есть, я не знаю, как получить предоставленные данные. Я так смущен, если мне нужно использовать тег формы.
Действительно ли это необходимо? Следует ли использовать кнопку <> или использовать < ввод> бирка?
Должен ли я использовать функцию при нажатии на кнопку отправки, или мне нужно что-то использовать из библиотеки jQuery?
Сгенерированный HTML здесь:
<div id="prodAttributes_2">
<form id="attributesubmit">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<div role="heading" >Options:</div>
<select name="Memory" id="4">
<option value="16 mb" id="3">16 mb</option>
<option value="32 mb" id="4">32 mb</option>
</select>
<select name="Model" id="3">
<option value="Premium" id="6">Premium</option>
<option value="Deluxe" id="7">Deluxe</option>
</select>
</fieldset>
</div>
<input type="button" id="submitme" value="send" />
</form>
</div>
I also made a JSFiddle to show you how it actually looks.
Я пришел к выводу, что я должен запустить функцию. Тем не менее, я сомневаюсь, что serialize()
делает то, что я хочу, так что-то вроде:
$("#submitme").live('click', function(){
$('select').each(function() {
var selectedOption = $(this).find('option:selected');
alert('Value: ' + selectedOption.val() + ' Text: ' + selectedOption.text());
});
var formData = '<p>something generated</p>';
var newPage = $('<div data-role="page" data-url="test"><div data-role="header"><h1>test</h1></div><div data-role="content">'+formData+'</div></div');
newPage.appendTo($.mobile.pageContainer);
//append it to the page container
$.mobile.changePage(newPage);
});
Но я по-прежнему требуют имя/идентификатор самого выбранного элемента. Как будет выглядеть код, когда он будет готов вставить в базу данных SQL?
$ ("") должен быть равен $ ("option"). Вам не нужно включать весь тег в селектор. – Andbdrew
спасибо @Andbdrew, я знал это, но мне сказали, что этот способ называется shortcode, а не «хороший способ», я путал, как и LOL. – wHiTeHaT
$ («») должно быть просто $ («