标签: html-select

如何从选择框中删除项目或向其中添加项目？我正在运行jQuery,如果这样可以使任务更容易.下面是一个示例选择框.

<select name="selectBox" id="selectBox">
    <option value="option1">option1</option>
    <option value="option2">option2</option>
    <option value="option3">option3</option>
    <option value="option4">option4</option>    
</select>

我想从HTML <select>元素中删除下拉箭头.例如:

<select style="width:30px;-webkit-appearance: none;">
    <option>2000</option>
    <option>2001</option>
    <option>2002</option>
    ...
</select>

如何在Opera,Firefox和Internet Explorer中完成？

假设有一个选项列表,你如何更新<select>新<option>的？

我有一个包含5个选项的页面,它们都有一个类名'ct'.我需要在运行onclick事件时从每个选择中删除值为"X"的选项.我的代码是:

$(".ct").each(function() {
    $(this).find('X').remove();
   });

我哪里错了？

使用jQuery,如何检查在选择菜单中是否选择了选项,如果没有,则将其中一个选项指定为选中.

(选择是在我刚刚继承的应用程序中使用迷宫般的PHP函数生成的,所以这是一个快速解决方案,而我可以解决这些问题:)

我有一个输入表单,可以让我从多个选项中进行选择,并在用户更改选择时执行某些操作.例如,

<select onChange="javascript:doSomething();">
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

现在,doSomething()只有在选择更改时才会触发.

我想doSomething()在用户选择任何选项时触发,可能再次选择相同的选项.

我尝试过使用"onClick"处理程序,但在用户启动选择过程之前会触发该处理程序.

那么,有没有办法在用户的每次选择上触发一个功能？

更新:

达里尔建议的答案似乎有效,但它并不一致.有时,只要用户点击下拉菜单,即使在用户完成选择过程之前,事件也会被触发!

我有一个select表单字段,我想标记为"只读",因为在用户无法修改值,但值仍然与表单一起提交.使用该disabled属性可防止用户更改值,但不会使用表单提交值.

该readonly属性仅适用于input和textarea字段,但这基本上就是我想要的.有没有办法让它工作？

我正在考虑的两种可能性包括:

• 而不是禁用select,禁用所有options并使用CSS灰显选择,使其看起来像禁用.
• 向提交按钮添加单击事件处理程序,以便在提交表单之前启用所有禁用的下拉菜单.

好的,我有这个代码:

<select name="selector" id="selector">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>

而且我想获得所选项的价值.示例:选择"选项2",其值为"2".'2'是我需要得到的值而不是'选项2'.

我想知道是否有可能让jQuery在下拉框中选择一个选项,比如说第4项？

<select>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
</select>

我希望用户单击一个链接,然后让选择框更​​改其值,就像用户通过单击选项选择它一样.

我有这样的选项菜单:

<form name="AddAndEdit">
   <select name="list" id="personlist">
      <option value="11">Person1</option>
      <option value="27">Person2</option>
      <option value="17">Person3</option>
      <option value="10">Person4</option>
      <option value="7">Person5</option>
      <option value="32">Person6</option>
      <option value="18">Person7</option>
      <option value="29">Person8</option>
      <option value="28">Person9</option>
      <option value="34">Person10</option>
      <option value="12">Person11</option>
      <option value="19">Person12</option>
   </select>
</form>

现在我想通过使用href更改所选选项.例如:

<a href="javascript:void(0);"
  onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';">change</a>

但我想选择选项value=11 (Person1),而不是Person12.

如何更改此代码？