标签: html-select

我有一个项目列表,如下面列出的项目,我试图默认选择该选项,在"listing"标签中有一个标签.

<select>
<xsl:attribute name="name"><xsl:value-of select="@id"/>_type</xsl:attribute>
<option><xsl:attribute name="value"><xsl:if test="listing/Chat"><xsl:attribute name="selected">selected</xsl:attribute></xsl:if>Chat</xsl:attribute>Chat</option>
...

我是否放置了xsl:如果不正确？

我在我的表单中使用struts select标记.我使用哈希映射来填充它.当我加载页面时,action类中的方法将调用另一个使用hibernate获取数据并返回Map的类.然后action类中的方法将获取Map对象并用于填充select标记.这工作正常,但即使我从数据库中获取列表(我使用控制台打印检查),slect标签也不显示它已排序.我认为,当我将数据库类Map对象的valus复制到action类Map对象或者select select标签时,会发生这种情况.有解决方案吗

这就是我在动作类中填充Map的方法

private Map<String, String> serialList;

//in the method
serialList=new DropdownFiller().getSealNoForItemsAndLocation();
//the getSealNoForItemsAndLocation() returns a Map

我正在研究一个较旧的ASP.NET项目(而不是我认为的MVC),他们需要的一个功能是当项目悬停在下拉列表中的该项目时查看该项目的描述.这可以使用以下代码使用HTML并使用标题文本来完成:

<select>
    <option value="1" title="Option 1 Desc">Option 1</option>
    <option value="2" title="Option 2 Desc">Option 2</option>
    <option value="3" title="Option 3 Desc">Option 3</option>
</select>

好的,我如何使用ASP.NET DropDownList控件执行此操作？我有以下代码:

<asp:DropDownList ID="DropDownListLocation" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownListLocation_OnSelectedIndexChanged" CssClass="editorFieldServerControl" ClientIDMode="Static"></asp:DropDownList>

在"代码隐藏"页面中:

private void PopulateFacilityDropdown(List<FacilityAvailableByLocation> facilities, int? selectedID)
{
    DropDownListFacility.DataSource = facilities;
    DropDownListFacility.DataTextField = "FacilityName";
    DropDownListFacility.DataValueField = "FacilityID";
    DropDownListFacility.DataBind();            
    DropDownListFacility.Items.Insert(0, new System.Web.UI.WebControls.ListItem("", ""));                   

    if (selectedID.HasValue && selectedID.Value > 0)
        DropDownListFacility.SelectedIndex = facilities.FindIndex(b => b.FacilityID == selectedID.Value);
        else DropDownListFacility.SelectedIndex = 0;
    }
}

基本上,设施列表中的每个设施都有ID,名称,描述的属性,我可以拿出来.我只是希望能够在每个<option>渲染时添加一个title属性并将描述放入其中.要么或者能够为每个<option>标签添加像'data-description'这样的自定义属性,那么我可以使用一些简单的jQuery将标题添加到每个选项标签中.

我想念你可以循环浏览列表并手动输出自定义下拉代码的日子.

有任何想法吗？非常感谢

我正在动态创建多个下拉列表(每个都有唯一的ID)并将它们绑定到面板.我还为它们编写了SelectedIndexChanged代码,每次更改下拉列表时都会触发它.我的问题是因为只有一个SelectedIndexChanged事件,我需要获取更改的下拉列表的ID.我怎么能得到它？

这是我将下拉列表绑定到面板的代码:

 foreach (Document offer in parent.Children)
            {
    Panel pnlCat = new Panel();
                    pnlCat.ID = offer.Id.ToString();
                    pnlCat.CssClass = "ngx";
    DropDownList ddl = new DropDownList();
                    ddl.ID = offer.Id + "_cat";
                    ddl.DataTextField = "catName";
                    ddl.DataValueField = "catId";
                    ddl.CssClass = "ddlStyle";
                    ddl.DataSource = category;
                    ddl.DataBind();
                    ddl.AutoPostBack = true;
                    ddl.SelectedIndexChanged += new EventHandler(ddl_SelectedIndexChanged);
     pnlCat.Controls.Add(ddl);

}

这是SelectedIndexChanged代码:

void ddl_SelectedIndexChanged(object sender, EventArgs e)
        {
            string id = this.ClientID;
        }

在id我得到"_page".我怎样才能获得下拉列表ID？

我一直试图做一个表格,其中包含一个关于当前年龄的问题,我已经决定回答这个问题的最简单方法是填写一个下拉列表.因此,我在下拉列表中的第一个值应该是1900,然后它将增加1,直到它到达2014年.我该怎么做？

我有以下表格:

<form name="security_page_toplevel_page_itsec_settings" method="post" action="options.php">
    <select id="itsec_strong_passwords_roll" name="itsec_strong_passwords[roll]">
        <option value="admin">admin</option>
        <option value="subscriber">subscriber</option>
    </select>
</form>

但我无法使用以下代码选择"订户"选项:

this.fillSelectors('form#security_page_toplevel_page_itsec_settings', {
    'select[name="itsec_strong_passwords[roll]"]': 'subscriber'
}, true);

我究竟做错了什么？

我有一个包含数百个选择元素的表单.当用户保存表单时,我将保存JSON,当他们重新加载时,使用JS代理将其拉回.我正在寻找一个好的/干净的方式来从JSON中的值设置选项值.最好不要为这些中的每一个枚举数组,并根据它与值匹配的索引进行设置.

的jsfiddle

模板:

<div ng-app="myApp">
<div ng-controller="myCtrl">
<select ng-model="jsModel.selVal"ng-options="myVal.value for myVal in myValArr"/>
</div>

app.js:

var myApp = angular.module('myApp',[]);

function myCtrl($scope) {
  $scope.myValArr = [{ value: 'Yes' }, { value: 'No' }]; 
  $scope.jsModel = ({ selVal: 'Yes' }); // Returned from proxy call
}

我想使用CasperJS来抓取这个网站:http://www.agoda.com/hotel-des-arts-saigon-mgallery-collection/hotel/ho-chi-minh-city-vn.html？checkin = 2015- 11-14&洛斯= 2&成人= 2&儿童的= 0&客房= 1

我想改变CasperJS的货币期权.但是,货币期权包含在内<select></select>未嵌入表单的标签中.当我读表时,它会显示旧货币的价格.当货币发生变化时,价格会通过AJAX加载.

我怎么能用CasperJS做什么？

这是我的代码:

var casper = require("casper").create({
    verbose: true,
    logLevel: 'error',
    pageSettings: {
        loadImages: false,
    }
});

   var utils = require('utils');

    var url = 'http://www.agoda.com/hotel-des-arts-saigon-mgallery-collection/hotel/ho-chi-minh-city-vn.html?checkin=2015-11-14&los=4&adults=2&childs=0&rooms=1';

    var names = [];
    var prices = [];
    var currency = [];


    function getName() {
        var rows = document.querySelectorAll('table#room-grid-table tbody tr td:first-child .info-container .room-name span');
        return Array.prototype.map.call(rows, function(e) {
            return e.innerHTML;
        });
    }

    function getPrice() {
        var price = document.querySelectorAll('table#room-grid-table tbody tr td:nth-child(3) …

当另一个属性发生变化时,我需要更新集合中的属性.

我的收藏是

    $scope.Persons = [
        {
            Name: "Emma",
            Mode:0,
            HasModified:false
        },
        {
            Name: "Watson",
            Mode:0,
            HasModified:false
        },
        {
            Name: "Harry",
            Mode:0,
            HasModified:false
        }
    ];

当用户选择任何选项时,属性Mode绑定在a中md-select,然后我需要将属性更新HasModified为true

HTML部分:

<tbody>
    <tr ng-repeat="main in Persons">
        <td>
            <p>{{main.Name}}</p>
        </td>
        <td>
            <md-select ng-model="main.Mode" onselect="UpdateMode(main)">
                <md-option ng-value="1">Good</md-option>
                <md-option ng-value="2">Bad</md-option>
            </md-select>
        </td>
        <td>
            <p>{{main.HasModified}}</p>
        </td>
    </tr>
</tbody>

该onselect事件无法更新更改

    $scope.UpdateMode = function(collection) {
        if((collection != null) && (collection != undefined) && (collection.Mode >0)) {
            collection.HasModified = true;
        }
    }

完整的HTML …

例如,我有

 <label class="form">Menu</label>
      <select id="selection" name="select" required>
           <option value="" selected>--Select an Option--</option>
           <option value="option1">Option 1</option>
           <option value="option2">Option 2</option>
           ...
      </select>

当用户用鼠标点击输入框时,这只会给出一个下拉菜单.但是我想让他们选择能够输入输入框,例如:

如果用户键入option1它会将它们指向"选项1"下拉菜单等.如果用户键入下拉列表中未包含的任何其他单词,则会显示"无效输入".