标签: html-select

我一直在寻找有关如何在我的html.dropdownlist上添加HTML类标记的答案.这是代码

<%: Html.DropDownList("PackageId", new SelectList(ViewData["Packages"] as IEnumerable, "PackageId", "Name", Model.PackageId))%>

我想在select元素下添加选项类,以便我可以使用这个链式选择:

<select id="category">
  <option value="1">One</option>
  <option value="2">Two</option>
</select>
<select id="package">
  <option value="1" class="1">One - package1</option>
  <option value="2" class="1">One - package2</option>
  <option value="3" class="2">Two - package1</option>
  <option value="4" class="2">Two - package2</option>
</select>

$("#series").chained("#mark");

我有一个下拉列表: <asp:DropDownList id="dropdownid" runat="server" class=blah"/>

在我的jQuery中,我分配如下的更改事件:

$('#dropdownid').change(function() {......});

现在,当我从下拉列表中选择不同的值时,这是有效的,但是,假设我想再次选择相同的值.(因为我想用相同的值进行另一个调用)所以,当我再次选择它时(不改变值)只需单击下拉列表中的选定值并再次"选择"它,就不会触发任何事件.我必须分配给jquery中的另一个事件吗？什么是解决方法？

我试图遵循选择下拉列表的设计，其中：

• 内边距：0 10 像素 0 10 像素

然而，箭头根本没有被调整。它始终粘在右端。请参阅随附的屏幕截图以供参考。前端截图

您也可以在这里查看我的代码

有没有办法定位特定箭头并向其应用填充？（旨在保持相同的填充应用于两侧的输入文本）

谢谢！

我的代码如下:

<select id="testSelect">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>
<asp:Button ID="btnTest" runat="server" Text="Test it!" onclick="btnTest_Click" />

我需要在回发时获得所选期权的价值.我怎么能用asp.net做到这一点？

我有一个用户选择语言的下拉列表:

<select>
    <option>English</option>
    <option>Spanish</option>
</select>

1. 我希望最初显示的默认选项说"选择一种语言"而不是"英语"(我的第一个选项,默认显示).
2. 我不希望用户能够选择"选择语言".

我在Ruby on Rails3应用程序上有一个表单,带有一个下拉菜单,这是我当前的select选项代码:

<%= f.select :phone_type, options_for_select(["Select One", "Cell", "Work", "Office", "Home", "Other"],:disabled => ["Select One"]), :class => 'genForm_dropBox' %>

根据我的理解,当有人打开页面时,这应该有"Select One"作为默认选项,但如果他们没有选择其他选项之一,则当他们点击提交时会显示错误.

在Safari和Chrome以及IE7等浏览器中也是如此,但在Firefox和IE8中,它显示"Cell"作为第一个选项,因为Select One被禁用.

我希望它默认显示"Select One",但在提交表单时将其作为不可用的选项.我需要将其编入控制器或模型中吗？或者我是否以错误的形式编码？

以下是我的HTML表单中的一个片段,它相应地从表行中提取选项.

我想要做的是让第一个选项值为NULL,因此当没有选择时,在表单提交到数据库时输入NULL.

    <td>Type</td>
    <td>:</td>
    <td><select name="type_id" id="type_id" class="form">
    <option value=""></option>
        <?php 
            $sql = mysql_query("SELECT type_id, type FROM $tbl_add_type") or die(mysql_error());
            while ($row = mysql_fetch_array($sql))
                {
                    echo "<option value=".$row['type_id'].">" . $row['type'] . "</option>";
                }
        ?>
    </select>*</td>

这可能吗？或者有人可以建议更容易/更好的方法吗？

谢谢

更新:感谢您的回答,我正在使用下面详述的方法将其转换为NULL.

if ($_POST['location_id'] === '')
                    {
                        $_POST['location_id'] = 'NULL';
                    }

但是,当尝试将此NULL值与以下查询一起使用时,它不起作用.

UPDATE addresses SET location_id='NULL' WHERE ipid = '4791'

我知道它需要location_id=NULL改为但不知道如何做到这一点......

更新2:这是我的查询工作方式:

if ($_POST['location_id'] === '')
{
$_POST['location_id'] = 'NULL'; // or 'NULL' for SQL
}

$notes=isset($_POST['notes']) ? mysql_real_escape_string($_POST['notes']) : '';
//$location_id=isset($_POST['location_id']) …

我想复制你在这张图片中看到的内容.

我希望能够在框上方的文本字段中键入或直接单击该选项.

最好的方法是什么？是否存在任何相关的引导程序？

Laravel刀片下拉列表类属性不起作用.

我找不到任何类的引用或为文档中的选择/下拉列表分配属性.

http://www.laravel.com/docs/html#drop-down-lists

试过的例子:

{{ Form::select('product_id', $productList, array('class'=>'form-control')) }}

{{ Form::select('product_id', $productList, $attributes = array('class'=>'form-control')) }}

两者都返回相同的html但没有class属性:

<select id="product_id" name="product_id">
    ... Option Stuff ...
</select>

如何<select>使用JavaScript 更改HTML 的选项(没有像jQuery这样的库),同时触发相同的事件,就像用户进行了更改一样？

例如,使用以下代码,如果我用鼠标更改选项,则会触发事件(即onchange运行).但是,当我使用JavaScript更改选项时,它不会触发任何事件.当使用JavaScript选择选项时onclick,是否可以触发触发器关联的事件处理程序,如onchange,等等？

<select id="sel" onchange='alert("changed")'>
  <option value='1'>One</option>
  <option value='2'>Two</option>
  <option value='3'>Three</option>
</select>
<input type="button" onclick='document.getElementById("sel").options[1].selected = true;' value="Change option to 2" />

http://jsfiddle.net/xwywvd1a/