php下拉选择表单代码,javascript - HTML表单选择下拉选项和隐藏表单字段未使用JS脚本显示在PHP表单中 - SO中文参考 - www.soinside.com...

HTML表单选择下拉选项和隐藏表单字段未使用JS脚本显示在PHP表单中

问题描述 投票：0回答：1

最近，我在Stack的帮助下在JS中设置了一个脚本，以显示当我从上面的下拉选项中选择一个名为“其他”的选项时，该表单行显示为“其他”。示例如下。这对于一个下拉列表非常有效。但是，一旦我添加了另一个下拉菜单和“其他”表单行，JS代码就会中断，并且第一个或第二个表单下拉选项都不会发布到数据库，并且表单行“其他”也不会显示。我希望我已经正确解释了这个问题。我本质上希望一个JS脚本针对所有下拉表单重复执行，因此当选择“其他”选项值时，我希望在其下方显示表单行“其他”，以便可以键入自定义数据。将Bootstrap 4.3.1与所有JS querir插件一起使用工作。 datbase仅在一个文本字段时，发布数据没有问题。因此，我希望有人可以解决该问题，并且“其他”表单行会在数据库中发布不同的表单数据，因此会有很多下拉菜单。非常感谢。

function handleSelect() {

document.getElementById("other").value = document.getElementById("mySelect").value;

var selected = document.getElementById("mySelect").value;

var details = document.getElementById("other-details");

if (selected === "") {

details.classList.remove("d-none");

details.classList.add("d-block");

} else {

details.classList.remove("d-block");

details.classList.add("d-none");

}

}

Cemetery

Select Cemetery

Akatarawa

Taita

Wainuiomata

Whenua Tapu

Makara

Karori

St Johns

Awa Tapu

Paraparaumu

Other

Headstone - Stone Color

Select Headstone - Stone Color

Black

African Grey

Platinum Blue

Blue Pearl

Emerald Pearl

White Pearl

Imperial Red

Balmoral Red

G603-Chinese White/Grey

Other

javascript

php

html

bootstrap-4

1个回答

0

投票

请检查选择的ID。两个选择的ID与myselect相同。该ID必须是唯一的。因此，请使您的代码通用，并使用一些唯一的ID。

谢谢

热门问题