标签: html-select

当用户想要更新时，我需要首先在表单中回显所选值。我尝试了几种变体：

1）

<?php 
  $opt= array('1' => 'opt1', '2' => 'opt2', '3' => 'opt3') ;
  echo '<select name="up_opt" >' ;

  foreach ($opt as $i => $value) {
    echo "<option value=\"$i\"";
    if ($_REQUEST['up_opt'] == $i) 
    {
      echo "selected" ; 
    }
    echo ">$opt[$i]</option>" ;
  }
  echo '</select>' ;
?>

2）

<?php $opt= array('1' => 'opt1', '2' => 'opt2', '3' => 'opt3') ;
  $edu = $_REQUEST['edu']; 
  <select name="up_opt">     
    <?php foreach ( $opt as $i=>$opt ) : ?>       
      <option value="<?php echo $i?>" <?php echo $i …

我有 3 个 select 语句，每个语句共享相同的 5 个选项。

我如何确保在其中一个选项中选择一个选项时，它不会出现在其他选项中？

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
  <option>D</option>
  <option>E</option>
</select>

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
  <option>D</option>
  <option>E</option>
</select>

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
  <option>D</option>
  <option>E</option>
</select>

简单的问题。我的选择下拉菜单是这样的：

<select class="selectpicker" multiple data-container="body" data-title="Options" data-size="10" data-width="100%" data-selectedTextFormat="static" >  
    <option value="default">Test</option>
</select>

我希望无论选择什么，都保留该标题（“选项”）。即使我这样做：

$('.selectpicker').selectpicker('val', "default");

我希望它保留标题“选项”。正如您所看到的，我尝试了 anddata-title属性data-selectedTextFormat，但它不起作用。

一个<select>元素看起来像这样：

<select id="ok">
    <option value="one">First</option>
    <option value="two" selected>Second</option>
</select>

最初，Second显示文本值，因为该selected属性存在。

如果我手动更改它（使用鼠标单击），它会在 UI 中显示新选择的值，但<select>在 HTML 中保持不变：

<select id="ok">
    <option value="one">First</option>
    <option value="two" selected>Second</option>
</select>

我可以获得当前的选择值：

document.getElementById('ok').value

或当前选定的索引：

document.getElementById('ok').selectedIndex

通过 JavaScript（或 jQuery），但我不知道这些值来自哪里。

它们存储在 DOM 中还是其他地方？
JavaScript 如何知道 UI 中的当前值是哪个？

有没有办法禁用 Angular 4 中选择元素的选项？

我尝试过类似的方法，但它不起作用

<select type="number" [(ngModel)]="selectedItem">
    <option [disabled]="i.disabled" *ngFor="let i of items" [ngValue]="i.id">{{i.designator}}</option>
</select>

i.disabled 包含一个布尔值。

提前谢谢了

我有一个 Select2 插件的多重选择，我想修复某些选项，而其他选项则不是，例如，阿拉斯加和加利福尼亚 NO选项可以删除，但是如果该人选择其他选项，例如Hawaii，则可以正常删除它们。

我想知道如何删除某些标签的X以防止它们被取消选择。

我有一个选择元素的标记：

<select type="submit" ([ngModel])="selectedValue" #item (change)="onSelectItem(item.value)">
                <option>Pick an option</option>
                <option *ngFor="let object of objects">{{ object.value }}</option>
</select>

当我从打字稿更新 ngModel 绑定时，没有任何反应。本质上我只是在组件中这样做：

ngOnInit() {
  this.selectedValue = 'something' // One of the options from the list of objects
}

然而，什么也没有发生。我尝试将其更新为的值位于对象列表中（在 *ngFor 中） - 如果这很重要的话。

我有以下数组：

options = [
  "Asset Management & Investment Funds",
  "Financial Institutions",
  "Life Sciences",
  "TMT",
  "Other"
]

Choices.js默认按字母顺序排序，Other最后排在前面，TMT这对用户来说是刺耳的。

const $projectDropdown = new Choices($this[0], {
  placeholder: true,
  placeholderValue: 'Select a project'
})

我尝试查看该sortFilter函数，但它仅指定了排序方法。

我想根据选择了下拉菜单中的哪个选项来执行一个功能。现在我只是写了 document.write() 函数来测试是否有任何事情发生。

但是，没有任何打印，并且代码没有按我想要的那样工作。

<h>Would you like to see count values per hour or minute?</h><br>
<Select id="Selector">
   <option value="hr">Hour</option>
   <option value="min">Minute</option>
</Select>
<script>
  if (document.getElementById('Selector').value == "min") {
    document.write("Hello World!");
  }

</script>

我正在创建一个自定义 Blazor 组件，我需要选择组件来使用所选值更新绑定字段，这部分正在工作。我还需要它来执行从父组件传入的方法，这部分不起作用。

我能够将该方法传递到自定义组件（子组件）中，但onclick选择元素的选项元素的事件未触发。

我能够在多重选择元素中实现此功能，但它在选择元素中不起作用。

如何让它触发并仍然更新绑定的数据属性？

ESelect.razor自定义（子）选择组件

@inherits InputBase<string>

<div class="form-floating">
        <select class="form-control form-select @CssClass" id="@Id" @bind="@CurrentValue" >
            <option disabled selected></option>
            @foreach(SelectOption option in Options)
            {
                <option id=@option.Id onclick="@( () => OnClick(option) )" >@option.Value</option>
            }
        </select>
        @if (!string.IsNullOrWhiteSpace(Label))
        {
            <label class="form-control-label" for="@Id">@Label</label>        
        }
        <div class="form-control-validation">
            <ValidationMessage For="@ValidationFor" />
        </div>
</div>

ESelect.razor.cs （ESelect.razor 的 C# 代码）

using BebComponents.DataModels;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Forms;
using System.Linq.Expressions;

namespace BebComponents
{
    public partial class ESelect
    {
        [Parameter, EditorRequired]
        public Expression<Func<string>> ValidationFor { …