Select Ticket type

残疾人在这种情况下不友好

这个例子已经过测试，可以使用页面上的多个＜select＞元素，也可以使用普通的文本元素。当＜select multiple=“true”＞时，它还没有测试过将值设置为多个选择，但是您可能可以修改此示例以支持这一点。

将所选属性数据添加到每个<select>元素，并将值设置为要选择的选项的值。使用javascript的querySelectorAll（）选择具有刚刚添加的自定义属性的所有元素。

在下面的示例中，当运行时，第一个＜select＞应显示值user为选中的选项，第二个＜select＜应显示值admin为选中的选择。

document.querySelectorAll（'[data selected]'）.forEach（e=>{e.value=选定的e.dataset});<select data selected=“user”class=“form control”name=“role”><option value=“public”>普布利卡</选项><option value=“user”>乌坦蒂语</选项><option value=“admin”>管理</选项></选择><select data selected=“admin”class=“form control”name=“role2”><option value=“public”>普布利卡</选项><option value=“user”>乌坦蒂语</选项><option value=“admin”>管理</选项></选择>

我遇到了一些问题，因为我需要根据数据库中的值动态选择选项。下面的剧本对我来说很有魅力：

<?php
//pick the value of database
$selected_sexo = $query['s_sexo'];
?>

<select name="s_sexo" id="s_sexo" required>
  <option <?php if($selected_sexo == 'M'){echo("selected");}?> value="M">M</option>
  <option <?php if($selected_sexo == 'F'){echo("selected");}?> value="F">F</option>
</select>

要使用PHP和JavaScript设置默认值：

State: <select id="State">
<option value="" selected disabled hidden></option>
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>
.
.
<option value="West Bengal">West Bengal</option>
</select>
<?php
if(isset($_GET['State'])){
    echo <<<heredoc
<script>
document.getElementById("State").querySelector('option[value="{$_GET['State']}"]').selected = true;
</script>
heredoc;
}
?>

另一个例子；使用JavaScript设置所选选项。

（您可以使用此示例将值数组循环到下拉组件中）

<select id=“yourDropDownElementId”><select/>

// Get the select element
var select = document.getElementById("yourDropDownElementId");
// Create a new option element
var el = document.createElement("option");
// Add our value to the option
el.textContent = "Example Value";
el.value = "Example Value";
// Set the option to selected
el.selected = true;
// Add the new option element to the select element
select.appendChild(el);

我更喜欢这样：

<select>
   <option selected hidden>Choose here</option>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
   <option value="4">Four</option>
   <option value="5">Five</option>
</select>

选择选项后，“选择此处”消失。