`
zengshaotao
  • 浏览: 787808 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

select 手动构造option的选中状态

 
阅读更多

对于select这一特殊表单域的操作，需要注意其值的特殊性，特别是在该表单域不能为空且有校验的时候。

 

这里以一个select数据添加全部或者部分到另一个select里为例来说明：

 

一般的，我们都使用append节点的形式，或者使用option的add方法，添加新的option

需要说明的是，这里的添加只是使得select有数据，但是都是未被选择的，也就是说

selected这个属性值是没有设定的。所以一定不能根据select的option长度来判断是否已经

选择，否则传递到后台的数据就是为空，导致数据不准确。

分享到：
| JQuery常用
评论
发表评论

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

相关推荐

    jquery获得select option值

    这里使用了`option:selected`选择器来选取当前被选中的`<option>`元素，并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**： ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...

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

    以下是一个简单的示例，展示了如何通过ID找到`<select>`元素，然后设置特定`<option>`为选中状态： ```javascript // 获取select元素 var selectElement = document.getElementById('mySelect'); // 获取要设为...

    js获取select默认选中的Option并不是当前选中值

    js函数方法： 代码如下: [removed]... try { opts = document.getElementById(selectId).getElementsByTagName(‘option’); for (var i in opts) { if (opts[i].defaultSelected) { dom = opts[i]; break; } } } catch

    js实现动态生成select中的option

    在JavaScript编程中，动态生成`select`元素中的`option`是一项常见的需求，特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能，同时结合提供的`autoSelect.html`和`autoselect.txt`...

    清空select标签中option选项的3种不同方式

    复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....

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

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

    页面如何获取select框选中值（实例）

    用alert（）方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省："+prov.text()+"市："+...

    select option带自定义图片

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

    Select去重并选中当前option.txt

    去除select当中重复的option并选中当前的option

    jQuery 获取select选中值及清除选中状态

    通常，我们可以通过将option元素的selected属性设置为false来取消选中状态，或者将整个select元素清空，使其没有选中任何option。在文档中给出的实例是将相关的属性值设置为了'0'，这实际上可能是一个标识符，用于...

    JS实现select选中option触发事件操作示例

    本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考，具体如下： 我们在用到下拉列表框select时，需要对选中的<option>选项触发事件，其实<option>本身没有触发事件方法，我们只有在select里...

    javascript 获取select ->option中id、value、label属性及中内容

    javascript 获取select ->option中id、value、label属性及<option></option>中内容

    struts2实现页面select标签默认选中

    在Struts2框架中，实现页面`<select>`标签默认选中的功能是非常实用且常见的需求。这不仅可以提高用户体验，还能让界面看起来更加专业。本文将详细介绍如何通过Struts2的相关标签来实现这一功能。 ### Struts2框架...

    js 操作select和option

    需要注意的是，`new Option()` 构造函数的第一个参数是显示的文本，第二个参数是实际提交的值。 #### 3. 删除所有 Option 项 ```javascript function removeAll() { var obj = document.getElementById('mySelect...

    页select中如何实现选择option其中一个选项，显示相关的内容

    ### 如何实现在`<select>`中选择一个`<option>`后显示相关的内容 #### 场景概述 根据所提供的信息，我们面临的问题是：当用户从一个`<select>`元素中选择一个`<option>`时，希望能在页面的某个区域内显示与所选`...

    option的value比较来确定select默认选中项

    在网页开发中，`<select>`元素用于创建下拉列表，而`<option>`标签则定义了下拉列表中的选项。当用户加载页面时，我们希望某个特定的选项被默认选中。这通常通过比较`<option>`标签的`value`属性与预先设定的值来...

    Ant design vue中的a-select在动态给option赋值之后，placeholder失效.pdf

    更推荐的方法是利用Ant Design Vue的`label-in-value`属性，它使得`a-select`在选中项时返回包含`value`和`label`的对象，而非单一的值。为了使`placeholder`生效，我们可以使用计算属性来处理`v-model`，确保在未...

    jquery select 选中值设置左右select选择互换

    当任一select的选中值改变时，它会将当前选中值传递到另一个select，并清除自身的选中状态。这样，用户在任一侧选择一个值后，该值会立即被交换到另一侧，同时自身清空。 在实际应用中，你可能需要根据业务需求进行...

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