Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2025-02-17 06:08:26 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1833 from ealmloff/fix-form-web

Browse source
This commit is contained in:
Jonathan Kelley 2024-01-14 11:34:37 -08:00 • committed by GitHub
commit 8fcac39512
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
packages/web/src/event.rs
View file

@ -410,6 +410,12 @@ impl HasFormData for WebFormData {
}
}
// try to fill in select element values
if let Some(select) = self.element.dyn_ref::<web_sys::HtmlSelectElement>() {
let options = get_select_data(select);
values.insert("options".to_string(), FormValue::VecText(options));
}
values
}
@ -530,16 +536,17 @@ export function get_form_data(form) {
const formData = new FormData(form);
for (let name of formData.keys()) {
const fieldType = target.elements[name].type;
const fieldType = form.elements[name].type;
console.log(fieldType);
switch (fieldType) {
case "select-multiple":
contents.values[name] = formData.getAll(name);
values.set(name, formData.getAll(name));
break;
// add cases for fieldTypes that can hold multiple values here
default:
contents.values[name] = formData.get(name);
values.set(name, formData.get(name));
break;
}
}
@ -550,3 +557,21 @@ export function get_form_data(form) {
extern "C" {
fn get_form_data(form: &web_sys::HtmlFormElement) -> js_sys::Map;
}
// web-sys does not expose the keys api for select data, so we need to manually bind to it
#[wasm_bindgen(inline_js = r#"
export function get_select_data(select) {
let values = [];
for (let i = 0; i < select.options.length; i++) {
let option = select.options[i];
if (option.selected) {
values.push(option.value.toString());
}
}
return values;
}
"#)]
extern "C" {
fn get_select_data(select: &web_sys::HtmlSelectElement) -> Vec<String>;
}