`
yunmoxue
  • 浏览: 289411 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

添加select的option

    博客分类：
  • ajax
 
阅读更多 
<html>
<head>
<script language="javascript">
//第一种方法
 function add(){
  //创建一个option
  var o = document.createElement("option");
  //添加o的value值
  o.value=1;
  //添加o的显示值
  o.text="增加的选项";
  //添加到名为se的select中
  document.getElementById("se").add(o);
 }
//第二种方法
function add2(){
//俩个参数,第一个是显示的文本,第二个是他的value值,可以是数字,也可以是字符串
 var o= new Option("增加的选项","1");

 document.getElementById("se").add(o);

}

</script>
</head>
<body>
<input type="button" value="增加选项" onclick="add()"  />
<input type="button" value="增加选项2" onclick="add()"  />
<select id="se">
<option selected="selected">请选择</option>
</select>
<input type="button" value="清除选项" onclick="document.getElemnetById('se').length=1" />
</body>
</html>
分享到：
| 清除下拉列表
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    select option带自定义图片

    以下是一个关于如何在`&lt;select&gt;`和`&lt;option&gt;`中添加自定义图片的详细教程。 首先，我们需要理解HTML基础。`&lt;select&gt;`元素创建一个可选列表，用户可以选择其中的一个或多个选项。`&lt;option&gt;`元素定义了下拉列表中的一...

    JS动态添加Select中的Option元素值

    在JavaScript（JS）编程中，动态添加Select中的Option元素值是一项常见的需求，特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能，并提供一个实际的案例来演示这一过程。 首先，我们要理解HTML...

    JS & JQuery 动态添加 select option

    ### JS & JQuery 动态添加 select option 知识点总结 #### 1. JavaScript 动态添加 option JavaScript中动态添加option到select元素主要使用`document.getElementById`获取select元素，然后利用其`options`属性...

    JS动态添加option和删除option(附实例代码)

    1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...

    js实现动态生成select中的option

    然后，使用`select.appendChild(option)`将`option`元素添加到`select`元素中。 ```javascript const select = document.createElement('select'); options.forEach(optionText =&gt; { const opt = document....

    向元素中动态添加option

    这篇博客“向&lt;select&gt;元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下，实现在用户界面中动态地向`&lt;select&gt;`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言，它可以操作HTML元素，...

    4、Webdynpro入门之Select-Option【原创】

    总结来说，本文详细讲解了 Select-Option 在 Webdynpro 中的应用，包括如何新建组件、添加 Select-Option 组件、建立局部节点、设置 Table 控件的 ID、绑定节点、添加 Attributes 和使用 Methods 等内容。

    jquery获得select option值

    var item = $("select[@name=items] option:selected").text(); ``` 这里使用了`option:selected`选择器来选取当前被选中的`&lt;option&gt;`元素，并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**： ``...

    select option,鼠标移到哪个选向就给出相应的鼠标提示

    总的来说，为"select option"添加鼠标提示功能是提升用户界面友好性的重要手段。通过熟练掌握HTML、CSS和JavaScript，开发者可以创建出更加智能、人性化的网页和应用。同时，不断学习和研究相关的IT资源，如压缩包中...

    javascript_select_option_操作详解.txt

    接下来是向 `&lt;select&gt;` 元素中添加 `&lt;option&gt;` 项的操作。可以使用 `add` 方法或者直接通过修改 `options` 属性来实现： ```javascript function addOption(selectElement, text, value) { var newOption = new ...

    Webdynpro for ABAP中select option 用法

    ### Webdynpro for ABAP中select option 用法 #### 引言 本文将通过一个具体的应用场景来探讨如何在Webdynpro for ABAP中使用Select Options功能。该应用场景涉及展示一个选择屏幕，用户可以在其中输入航空公司的ID...

    自定义带图标的select，只需把图标地址写在option的title属性中即可

    本案例中，我们将讨论一个基于jQuery的自定义下拉框JS插件，它允许我们为`&lt;select&gt;`元素添加图标，使得选择项更加直观且富有表现力。标题"自定义带图标的select，只需把图标地址写在option的title属性中即可"揭示了...

    Jquery操作Select option整理

    - `$("&lt;option value='1'&gt;1111&lt;/option&gt;").appendTo("#select")` 用于向指定 `&lt;select&gt;` 添加一个新的 `&lt;option&gt;`。 **2. 单选框操作：** ```javascript $("input[type='radio'][checked]").val(); // 获取选中项的...

    JS 通过系统时间限定动态添加 select option的实例代码

    在JavaScript中，动态地向`&lt;select&gt;`元素添加`&lt;option&gt;`是常见的需求，尤其是在创建交互式表单或实现特定功能时。这个实例代码展示了一种根据系统当前时间和条件来决定是否添加特定选项的方法。下面将详细解释这个...

    js 操作select和option

    接着，通过 `options.add()` 方法向 `&lt;select&gt;` 中添加了一个新的 `&lt;option&gt;` 元素。需要注意的是，`new Option()` 构造函数的第一个参数是显示的文本，第二个参数是实际提交的值。 #### 3. 删除所有 Option 项 ``...

    layui select动态添加option的实例

    "layui select动态添加option的实例" 本文主要讲解了如何使用 layui 实现select动态添加option的功能。layui是一款轻量级的前端框架，提供了许多实用的组件和功能，select组件是其中的一种，能够实现动态添加option...

    select将选中的option设置为默认选项

    在网页开发中，`&lt;select&gt;`元素用于创建下拉列表，而`&lt;option&gt;`标签则定义了下拉列表中的选项。有时候，我们可能需要在页面加载时预设一个选项为默认选中状态，或者根据用户操作动态改变选中状态。在JavaScript中，这...

    js select option

    `select`用于定义一个选择框，而`option`则用于在选择框中添加可选项。在网页交互中，用户通常会使用这样的下拉列表来从预设的选项中做出选择。在本篇文章中，我们将深入探讨如何使用JavaScript以及一个流行的库——...

Magicbox
Global site tag (gtag.js) - Google Analytics