标签: html-select

我有一个动态选择,需要驱动另一个选择,但我似乎无法让它在IE中工作(使用IE9).我在这里看过这篇文章但是(除非我不理解它)这似乎没有帮助:动态相关用jQuery选择,不在IE中工作.

我真的简化了它,以便很容易理解这个问题.我有2个选择,1个驱动另一个.因此,当您在第一个中选择某个内容时,第二个内容会发生变化.对于这个例子,我只是在select中添加一个新项目,即使这在IE中也不起作用:

var mydiv = $("#testdiv");
$("<select id='f1'>").appendTo(mydiv);
$("<select id='f2'>").appendTo(mydiv);
$("#f1").append("<option value='1'>1</option>");
$("#f1").append("<option value='2'>2</option>");
$("#f2").append($("<option>").attr("value", "n"));
$("#f1").change(function () {
    $("#f2").append("<option value='t1'>t1</option>");
});

<div id="testdiv"></div>

因此,理论上我们应该从2个选择列表开始,"f2"将在其中选择1个空白选项.

接下来,从"f1"中选择一个项目,它将为"f2"添加一个新选项.

这完全符合我想要的firefox和chrome.在IE中它只是表现得很奇怪.以IE为例:

场景1

1. 我打开页面并检查"f2"选择.它有1个空白值
2. 我在"f1"中选择了一个项目
3. 我检查"f2",它仍然有1个空白值

情景2

1. 我打开页面,不要触摸"f2"选择.
2. 我在"f1"中选择了一个项目
3. 我检查"f2",它有2个项目!
4. 我在"f1"中选择了另一个项目
5. 我检查"f2"它还有2个项目？!？

所以它看起来像我第一次激活选择控件时它必须对现有的HTML做一些事情......现在这就是它将从这里开始渲染......

这让我疯了,我做错了什么？!？

注意:不确定它是否重要,但两个选择都是使用javascript/jquery动态生成的,因为在异步调用完成之前我不知道它们的值.

由于通过评论进行调查而更新了问题...似乎我关于动态创建对象的最后一个注释对于重新创建问题至关重要

我有一个日期下拉列表,代表我们部门的重要职能.

这些日期年复一年.

以下是日期的下拉列表:

             <asp:DropDownList id="txtdte" runat="server">
              <asp:ListItem Value="07/31/2012">Jul 31, 2012</asp:ListItem>  
              <asp:ListItem Value="08/21/2012">Aug 21, 2012</asp:ListItem>  
              <asp:ListItem Value="09/18/2012">Sep 18, 2012</asp:ListItem>  
              <asp:ListItem Value="11/06/2012">Nov 06, 2012</asp:ListItem>  
              <asp:ListItem Value="12/04/2012">Dec 04, 2012</asp:ListItem>  
            </asp:DropDownList>

为确保在下拉列表框顶部显示正确的日期,我们提供以下代码:

    For Each items As ListItem In txtdte.Items
        If (items.Value.CompareTo(DateTime.Today.ToString("MM/dd/yyyy"))) < 0 Then
            items.Enabled = False
        End If
    Next

这意味着我们从7月31日开始.一旦7月31日消失,下一个可用日期将成为当前日期.

直到现在,管理层决定添加1月的日期是2013年8月1日,这对我们来说一直很有用.

              <asp:ListItem Value="01/08/2013">Jan 08, 2013</asp:ListItem>

现在,dropdownlistbox为空白.

在我看来,2013年需要进行一些调整才能得到认可,但我不确定是什么.

非常感谢任何想法.

我可以删除select元素中的默认箭头吗？我在chrome和firefox中完成了它,但不是在ie中.这该怎么做？

如果你会看到这个例子:http://jsfiddle.net/UTjbm/1/

我想要它,以便当第二个选择标记更改时,将出现一个警告,其中包含第一个选择选项文本.

根据我迄今为止所研究的内容,我希望这会有效,但唉,事实并非如此.我正在使用jquery.

我的jsfiddle代码:

<select id="select_a">
  <option value='1'>woot1</option>
  <option value='2'>woot2</option>
  <option value='3'>woot3</option>
  <option value='4'>woot4</option>
</select>
<select id="select_b">
  <option value='1'>notwoot1</option>
  <option value='2'>notwoot2</option>
  <option value='3'>notwoot3</option>
  <option value='4'>notwoot4</option>
</select>

使用Javascript:

$("#select_b").change(function (){
  alert($("#select_a").options[$("#select_a").selectedIndex].text);
})

假设我有以下React元素(这里示例小提琴):

var Hello = React.createClass({
    getInitialState: function() {
        return {parsed: false};
    },
    _parseEvent: function(event) {
        var parser1 = event.currentTarget.selectedOptions[0].value;
        var parser2 = event.target.value;
        var parser3 = event.nativeEvent.srcElement.value;
        if (parser1 && parser2 && parser3)
            this.setState({parsed: true});
    },
    render: function() {
        var parsing = "parsing worked";
        return (
        <div>
        <select            
            onChange={this._parseEvent}>
            <option value="----">----</option>
            <option value="Yes">Yes</option>
            <option value="No">No</option>
        </select>
        <p>
        { this.state.parsed ?
        {parsing}
        : null}
        </p>
        </div>
        );
    }
});

React.render(<Hello name="World" />, document.getElementById('container'));

我正在使用三种方法来解析<select>元素的值.第一个不适用于IE 10,我知道这是我的问题.但是,在其他两种方式中, …

我有一个动态生成的下拉列表

以下是生成的Dropdown的代码片段

<select class='selectAggregate'>
  <option>Select</option>
  <option>Min</option>
  <option>All</option>
</select>

如何使用JQuery获取Seleceted选项

编辑我添加了我使用过的jquery代码

 $('.selectAggregate').each(function()
            {
                var $val = $("option:selected",this).text();                    
        }   

selectAggregate 是动态生成的下拉列表的类属性

我一直试图从angular2的角度材料中调整或创建一个类似的选择类型,任何基于的想法？

先感谢您.

当我点击下一个或上一个按钮时,我有错误.这是我的HTML

$("#nextPage").click(function() {
  $('#pagination option:selected').next().attr('selected', 'selected');
  console.log("hahaha next");
})

$("#prevPage").click(function() {
  $('#pagination option:selected').prev().attr('selected', 'selected');
  console.log("prev");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="prev" id="prevPage">
<select id="pagination">
    	<option value="1" selected>1</option>
    	<option value="2">2</option>
    	<option value="3">3</option>
    	<option value="4">4</option>
    	<option value="5">5</option>
    	<option value="6">6</option>
    </select>
<input type="button" value="next" id="nextPage">

这是我的jsfiddle

谢谢

我的Bootstrap Select Box在下面有一个小问题

网站

您可能会注意到，在上下滚动页面时，下拉菜单会向上/向下两边打开。

现在，我不确定这是否是Bootstrap Select的错误或标准功能。

预习：

我如何解决此问题仅向下打开？

谢谢您的帮助。

是否可以在“角度材质”多重选择中更改显示值？我该怎么做，例如Products：（0/12）取决于所选项目的数量。