通过jquery给select添加默认选项却无法获取默认选项的value值

最新推荐文章于 2024-01-18 10:02:47 发布
最新推荐文章于 2024-01-18 10:02:47 发布
阅读量2.8k 收藏 1
点赞数
分类专栏： jquery&javascript 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38357164/article/details/83418498
版权

通过jq给select添加默认选项却无法获取默认选项的value。

测试效果：

下面所有的方式都不能获取的value

测试的时候也是：

解决了半天还是无效，最后换一种处理的思路来解决需求了。在下来选项的索引等于0的时候。添加文字“请选择”，这样就起到站位显示的作用了

然后在循环添加真正的选项。

效果还不错

当选择的时候ajax会自动触发去查询关联的负责人

super_lzb
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ionic select控制器中无法获取到value
Chengliangyao的博客
04-19 1908
ionic项目中，在页面视图中使用了select，但是在控制器中却没法直接获取到value，如下： select ng-model="couponcode"> option value="notuse">不使用option> option ng-repeat="item in couponcodes" value="{{item.entity_id}}">{{item.descrip
jquery Ajax实现Select动态添加数据
10-19
函数首先获取当前选中的品牌ID，然后清空车型Select的选项，并通过Ajax发送POST请求到服务器，获取对应的车型数据。 ```javascript function getModelList() { var brandId = $("select[name=brandId]").val(); $...
jqury取不到select选中的值
qq_39153893的博客
08-26 2724
代码结构大概是这样的 ajax{ 。。。 success：给select赋值 。。。 } var value =$("aa").val();//获取select选中的值。 然后出现问题是获取select选中的值为空，一顿折腾后。。。 最后找到原因是ajax没加 async:true（异步），所以代码是先获取值再赋值的导致获取值为空。 启发：要考虑代码写法有细微的异常。...
react-antd的form.getFieldsValue()获取不到select下拉框默认值的问题
最新发布
qq_51175166的博客
01-18 776
刚开始我是在select中设置了defaultvalue=“空闲”，选项框select能显示默认值，但发现不选择select的选项(不点，直接提交),发现form.getFieldsValue()获取的值为空，最后用initialValue解决了问题。const selectData = [{ key: '1', value: '空闲',label:'空闲' }, { key: '2', value:'有货',label: '有货' }]
爬坑！！antd中select组件的defaultValue取不到数据问题
a_l_f_的博客
10-25 4249
爬坑！！antd中select组件的defaultValue相关问题 需求一：是这样的，想要在下拉菜单的框里首先显示一个默认值，默认下拉菜单的第一项，而不是placeholder。 但是由于下拉菜单是请求回来的数据，因为你不能在页面渲染的时候就直接展示出数据，所以有了一个解决办法！使用key！！！让key值等于defaultValue的值。 const [activites, setActivites] = useState([]); ... useEffect(() => { setActivit
jQuery实现Select自动选择默认值
weixin_34074740的博客
12-18 433
// // //theSelecttargetAutoSelectvalueextensionplugin //author：hotboy //--------------------------------------------------------------------------// (function($){ $.ex...
select获取下拉框的值 下拉框默认选中方法
08-27
在实际开发中，我们经常需要获取select标签的值或将其默认选中某个选项本文将详细介绍select获取下拉框的值和默认选中方法。 一、获取select标签的值 在实际开发中，我们经常需要获取select标签的值，例如，我们...
通过Ajax方式绑定select选项数据的实例
10-18
这里的`id="select"`是为了在JavaScript中方便地选取这个元素，`value="-1"`的默认选项提供了一个占位符，表示用户尚未做出选择。 接下来，我们需要使用JavaScript，特别是jQuery库，来实现Ajax请求。jQuery简化了...
laravel框架select2多选插件初始化默认选中项操作示例
10-15
在本文中，我们将深入探讨如何在 Laravel 框架中使用 Select2 多选插件进行初始化，并设置默认选中的选项。Select2 是一个流行的 jQuery 插件，它提供了更高级的选择器功能，如搜索、多选和分页。在 Laravel 项目中...
option的value比较来确定select默认选中项
10-23
// 如果选项的value与预设值相等，设置为默认选中 if (option.value === defaultValue) { option.selected = true; break; } } ``` 4. 使用jQuery简化操作 如果你的项目使用了jQuery库，设置默认选中项的代码...
select下拉菜单默认选中selected属性不起作用
胡兜兜的博客
12-28 3342
select下拉菜单默认选中selected属性失效
element UI中的table中使用多选select下拉菜单，默认全选后，无法修改select的值
JAVA求生之路——博主406766467
10-11 773
【代码】element UI中的table中使用多选select下拉菜单，默认全选后，无法修改select的值。
利用jQuery取select的值报错（一）
牛栏山矿泉水
12-20 160
报错如下： 错误原因：找不到jQuery引入文件，即引入的js文件路径不对
jqgrid的动态下拉框实现，并解决不能获取值的问题
qq_36323075的博客
03-22 2117
使用jqgrid，要实现在单元格中的动态下拉框，废话不多说，上代码： var gridOption = $("#inLineItemEditList").jqGrid({ url: path, mtype: "get", /* ajax提交方式 */ postData: { opertype: this.globalParam.operType, ...
解决设置select默认选中不生效的方法
weixin_30753873的博客
08-14 747
$scope.storageTypeList = ['Glusterfs','NFS','Ceph']; 不生效的方法： <select class="form-control" name="type" ng-disabled="editStorage.usage !== null" required data-ng-mode...
解决 select 默认选中第一个选项不生效问题
藕粉桂花糖糖糕的博客
12-12 540
解决 select 默认选中第一个选项不生效问题
jquery中attr和prop的区别
weixin_34384557的博客
04-24 412
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 上面的描述也许有点模糊，举几个例子就...
jquery 动态添加select 值 提交后台无值
lengfenglin521的专栏
04-02 648
jquery 动态添加select 值 提交后台无值 其实不是赋值问题 <select name="lsitId" id="listId"> <option selected value="">请选择</option> </select> $("#listId").append("<option selected value='"+您要...
jq select选中值 ajax,jquery-select2 – 使用ajax选择2个默认选项
05-24
对于使用ajax选择2个默认选项，你可以将选择器绑定到一个函数，该函数在页面加载时被调用，以选择默认选项。例如： ```javascript $(document).ready(function() { // 绑定选择器到函数 $("#mySelect2").select2({ ajax: { // ajax设置 url: "https://example.com/api/data", dataType: 'json', delay: 250, data: function(params) { return { q: params.term, // 搜索条件 page: params.page }; }, processResults: function(data, params) { // 处理ajax返回的结果 params.page = params.page || 1; return { results: data.items, pagination: { more: (params.page * 30) < data.total_count } }; }, cache: true }, minimumInputLength: 1 }); // 选择默认选项 var defaultOptions = ["value1", "value2"]; $.each(defaultOptions, function(index, value) { var option = new Option(value, value, true, true); $("#mySelect2").append(option).trigger('change'); }); }); ``` 在这个例子中，我们首先将选择器绑定到一个ajax请求，然后使用`$.each()`函数循环遍历默认选项，并将它们添加到选择器中。最后，我们使用`trigger('change')`方法来触发选择器的更改事件，以确保选择器显示正确的默认值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值