标签: html-select

我得到一个 HTMLselect选项，它是用 PHP 生成的。选项的名称是目录中的文件夹。现在我需要 jQuery 脚本中的值。我只知道命令$('#select :selected').text()或$(#select).val()两者都只是给我带来当前选择的选项。

PHP 的选择框：

<select id="existAlbum" name="existAlbum" size="1">
    <option>SELECT ALBUM</option>
    <?PHP
        foreach ($alledateien as $datei) {

            $dateiinfo = pathinfo($album."/".$datei);
            if ($datei != "." && $datei != ".." && $datei != "background.jpg" && $datei != "loading.gif") {

                echo ('<option>' . $datei . '</option>');
            };
        };
    ?>      
</select>

是否可以添加 jQuery 数组中的所有值？
我需要将选项值与其他单词进行比较。

我有以下代码..我循环遍历一个数组。现在我想根据帖子（在我的特殊情况下通过 $_REQUEST）变量检查每个值。如果它们相等，则选项字段应标记为已选择。

$optionArr = array (opt_side_a => 10, opt_side_b => 20);
// Outter LOOP - $cside = iterator //
// INNER LOOP // 
foreach($optionArr as $key => $value){
    if($_REQUEST['opt_side_'.$cside] == $value){
        $isSelected = "selected";
    }
    echo '<option value="'.$value.'"'.$isSelected.'>'.$key.'</option>';
}

我的问题是每个选项值都被标记为已选择。

我想以<select>某种方式使用一个字段作为 Bootstrap3 的输入组插件

 -------------------------------------
|   select v   |   input text field   |
 -------------------------------------

所以，我认为实现这一目标使用.input-group，.input-group-addon以及.form-control类。

<div class="input-group">
    <select class="input-group-addon" id="protocol">
        <option>http://</option>
        <option>https://</option>
    </select>
    <input type="text" class="form-control" id="domain" aria-describedby="protocol">
</div>

（参见 bootply 示例）

但是该.input-group-addon课程似乎不适用于<select>物品。它看起来像这样：

我该如何修复以正确对齐它？

默认情况下，元素显示的选择器列表将与其包含的<select></select>最宽子元素一样宽。<option></option>如果我使用 CSS 对 select 标签的宽度进行硬编码以使其更窄，则最宽的选项会在显示中被截断。

我想修剪选项文本以适合选择列表，附加_...（省略号）以显示选择选项时它被截断，但是，当我展开下拉列表时，我希望下拉列表中的文本为全宽，没有尾随省略号。

我将如何实现这一目标？

我正在为我正在处理的项目设计选项标签的样式，但我无法弄清楚是否可以水平对齐选择框中的选项标签。

这就是我目前的风格：

*:focus {
    outline: none;
}

select {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  padding:10px;
  margin:-5px -20px -5px -5px;
}

#drink-holder {
  display:inline-block;
  vertical-align:top;
  overflow:hidden;
}

<div id="drink-holder">
  <select size="6">
      <option selected>Water</option>
      <option>Apple Juice</option>
      <option>Orange Juice</option>
      <option>Milk</option>
      <option>Coffee</option>
      <option>Sports Drink</option>
  </select>
</div>

我的应用程序中确实有 jQuery，但我更喜欢仅 css 选项，而且交叉兼容性不是问题，感觉这个项目将打包在 webkit 中。

如果你不明白我想要什么，那么它就是这样的：

水 苹果汁 橙汁...

谢谢！

编辑：对于那些对交叉比较部分感到困惑的人，我的意思是这将被打包在 webkit 中以制作 iOS 应用程序

我需要在单个产品中添加一个带有自定义价格的选择，如下面的屏幕截图所示；

这个想法是，通过从 (select) 中选择一个选项，您可以将其增加到基本价格。

不使用变体，因为我的想法是做更多的事情，但我需要关于如何做到这一点的帮助。

我见过这样做的插件被称为“附加组件”，但我不想使用插件。

我正在使用 ASP Core Razor 页面。这是我的 Edit.cshtml.cs：

    [BindProperty]
        public List<Microsoft.AspNetCore.Mvc.Rendering.SelectListItem> CCusers { get; set; }

and here I fill CCusers with data:
 CCusers =new List<Microsoft.AspNetCore.Mvc.Rendering.SelectListItem>() {
                 new Microsoft.AspNetCore.Mvc.Rendering.SelectListItem() { Value = "1", Text = "HR", Selected = true },
                 new Microsoft.AspNetCore.Mvc.Rendering.SelectListItem() { Value = "2", Text = "IT", Selected = false },
                 new Microsoft.AspNetCore.Mvc.Rendering.SelectListItem() { Value = "3", Text = "Account", Selected = false },

            };

在 Razor Page 中，我使用了两种不同的选择：

    <select asp-for="CCusers" asp-items="@Model.CCusers" id="CCusers" multiple="multiple" class="selectpicker"> </select>

//and this:

    @Html.DropDownList("NewSelect", Model.CCusers, …

我正在使用 woocommerce 的功能使用 wordpress 添加项目woocommerce_form_field。因此，我使用选择框type => select，但我想显示在初始显示时决定的内容。
示例：假设选择框包含值A、B和C，我希望C在最初显示时处于选定状态。
我该如何指定呢？

woocommerce_form_field(
        'XXX',
        array(
            'type'        => 'select',
            'required'    => false, 
            'label'       => 'OO',
            'class'   => array('XXX', 'XXX'),
            'options' => array(
                'a' => 'A',
                'b' => 'B',
                'c' => 'C'
            ),
        ),
    );

UserProfiles模型

[Table("Users")]
public class UserProfiles
{
    [Key]
    [DatabaseGeneratedAttribute(DatabaseGeneratedOption.Identity)]
    public int UserId { get; set; }
    public string UserName { get; set; }
    //public string Password { get; set; }

    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string MiddleName { get; set; }
    public string Initials { get; set; }

    public string Company { get; set; }
    public string Department { get; set; }
    public string Title { get; set; }
    public string …

以下是生成下拉列表的代码（在View中）

@Html.DropDownList("feeTypes", null, new { @disabled = false })

当我将false更改为true时，上面的行很好用，但是当我将false设置为false时，它也被禁用（即，无论我输入true还是false，下拉列表始终处于禁用状态）

为什么会发生上述情况？

我真正想要做的是制作一个可以通过编程启用或禁用的下拉列表，还有其他方法可以实现吗？