关于用jquery给select赋值的问题

最新推荐文章于 2023-04-13 15:35:26 发布
最新推荐文章于 2023-04-13 15:35:26 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/guListen/article/details/52485059
本文介绍两种设置网页下拉框默认选中值的方法：一是在JSP页面直接通过条件判断设定；二是利用JS与jQuery动态设定选中项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

遇到一个如下图所示的选择框，网页加载的时候从后台获取该选择框的值然后显示出来。




一种方法是页面头部获取该值，在jsp中直接通过判断选定内容：

<span style="font-size:18px;"></span><pre name="code" class="javascript"><option value="MYSQL" <%="MYSQL".equals(dbConnType)?"selected":"" %>>MYSQL</option>





另一种是在js中获取要选的值，通过使用jquery来选定内容：




<span style="font-size:18px;">$("#dbConnType").attr("value",dbConnType);</span>












                

        

    

    
  



    



                



	

		

			

				
					
几种Jquery给Select赋值的方法

				
			

			

				

					知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
				

				

					11-08
					
					2438
					
				

			

		

		

			
				
<span style="font-size:12px;">    <span style="font-family:SimSun;">$(document).ready(function () { 
        $("#AreaSelect").attr("value", area); 
        $("#AreaSelect").val(area); 
   ...

			
		

	



                

            
              



	

		

			

				
					
jquery append select 不显示_放弃jQuery拥抱大自然

				
			

			

				

					weixin_36118049的博客
				

				

					12-26
					
					726
					
				

			

		

		

			
				
大家都喜欢轻量级的jQuery，它便捷，它优雅，它功能强大——写的少，做的多。好，今天我们进入更优雅的环境——不用jQuery。为什么更优雅，因为原生，因为不需要<script src...>，因为更随时随地，因为性能更好……我们就先不考虑跨浏览器吧，后面这些代码适用于绝大多数浏览器。如果你看完这篇文章还不能拥抱大自然，那就当作是jQuery解密吧！阅读本文章需要有点H5基础，比如你能...

			
		

	



              


  
              

                


	

		

			

				
					
jquery动态生成的select无法通过jquery赋值

				
			

			

				

					goodsun00的专栏
				

				

					02-12
					
					5694
					
				

			

		

		

			
				
如果你是通过ajax发送的请求
然后生成select


那么就要设置同步方式（async: false）！


这样 你就可以在生成select以后
马上通过$("#XXX").val("ddd");赋值

			
		

	





	

		

			

				
					
Jquery循环select标签，并给指定option添加select属性后在页面上不显示的问题

				
			

			

				

					weixin_30377461的博客
				

				

					08-01
					
					979
					
				

			

		

		

			
				
<select id="testId">  
   <option value="">--请选择--</option>  
   <option value="1" >苹果</option>  
   <option value="2">香蕉</option>  
</select&g...

			
		

	



		

			
		



	

		

			

				
					
safai上jquery动态设置select默认值不成功的问题

				
			

			

				

					u012908197的博客
				

				

					07-07
					
					1034
					
				

			

		

		

			
				
动态设置select的默认值$('#wan1se').find('option[value="‘+key+’"]').attr('selected', 'selected');发现safai上不成功，加了一句$('#wan1se').find('option[value="‘+key+’"]').text("aaa");
发现第一个option变成了aaaa,而不是想选中的变成aaaa，还是未成

			
		

	





	

		

			

				
					
JQuery $("#id").val(value); 给select选值不出现问题

				
			

			

				

					An7yu
				

				

					04-02
					
					5454
					
				

			

		

		

			
				
当出现这种问题时候，那是因为value的序号是从0开始，在jQuery里面可能对于序号是当做数字来处理的，前面的0会被抹除，可以用alert弹出查看其机制

			
		

	





	

		

			

				
					
jquery设置下拉框selected不起作用

				
			

			

				

					E_mi_ly的专栏
				

				

					08-30
					
					4906
					
				

			

		

		

			
				
内容转载来自：http://blog.youkuaiyun.com/caixiajia/article/details/52912387

在js中设置下拉框被选中：

最初写法：

//移出selected

$("#selected option").removeAttr("selected");

//将value值为value的设为selected

$("#selected"

			
		

	





	

		

			

				
					
jquery 动态遍历select 赋值的实例

				
			

			

				

					12-09
				

			

		

		

			
				
在本文中，我们将深入探讨如何使用jQuery库来动态遍历并为HTML的`<select>`元素赋值。jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互。在Web开发中，特别是在处理用户交互时，对`...

			
		

	





	

		

			

				
					
jquery操作select取值赋值与设置选中实例

				
			

			

				

					12-09
				

			

		

		

			
				
jquery实现select下拉框的取值与赋值，设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中  $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中   $(“....

			
		

	





	

		

			

				
					
jquery获取select选中值的文本,并赋值给另一个输入框的方法

				
			

			

				

					10-18
				

			

		

		

			
				
本文讲述了如何使用jQuery来实现从一个下拉选择框（select元素）获取当前选中的文本，并将这个文本内容赋值给另一个输入框（比如文本框）的过程。这个过程是通过编写一段JavaScript代码来完成的，主要利用了jQuery...

			
		

	





	

		

			

				
					
浅谈jquery关于select框的取值和赋值

				
			

			

				

					不积跬步,无以至千里;不积小流,无以成江海
				

				

					08-09
					
					8802
					
				

			

		

		

			
				
jQuery("#select_id").change(function(){}); // 1.为Select添加事件，当选择其中一项时触发  

var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value  
var checkText = jQuery("#select_id :selected").text()

			
		

	





	

		

			

				
					
jquery操作select详解(取值,设置选中)

				
			

			

				

					10-26
				

			

		

		

			
				
本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

			
		

	





	

		

			

				
					
jq 动态给select 或者layui select 下拉框进行 赋值 并且默认选中

				
			

			

				

					weixin_44647098的博客
				

				

					06-15
					
					1613
					
				

			

		

		

			
				
var shiNameId=$('#shiNameId')[0];  //选中要赋值的元素
			shiNameId.add(new Option(bstCompanyAccount.workSiteCity),shiNameId.options[0])   //给第一个位置添加元素
			shiNameId[0].selected = true; //第一级默认选中




			
		

	





	

		

			

				
					
Select2组件赋值方法失效

				
			

			

				

					pp_lan的博客
				

				

					04-22
					
					1626
					
				

			

		

		

			
				
现象

业务中需要动态添加了一个select2的下拉，并回显，此时select2('val', 'abc')赋值的时候失败了

解决

使用select自身的val('abc')进行赋值，但是此时值改变了，也可以获取到，但是下拉框展示的时候还是没有变，此时调用下方法change，即可解决




$("select.target").val('abc').trigger('change');


...

			
		

	





	

		

			

				
					
element-ui input select 等表单元素赋值无效

				
			

			

				

					tcmmx1993的博客
				

				

					09-28
					
					1339
					
				

			

		

		

			
				
vue版本 2+

使用中遇到如题的问题通常是表单元素使用的对象导致的，比如v-model 使用的是aForm.xxx这样的。

因为在声明对象aForm时没有声明对象的属性xxx

导致监听出现问题

解决办法，在声明时同时写全内部属性
...

			
		

	





	

		

			

				
					
element input框 select下拉框选中赋值不了，如何解决这些问题

				
			

			

				

					songweibin的博客
				

				

					06-09
					
					2137
					
				

			

		

		

			
				
在项目中遇到一些赋值操作后不管input框赋值后输入删除，还是select下拉框选中赋值不了，一半没有项目中没有用正则的话可以用强制刷新起到回显赋值
要是有正则的话可以用到

			
		

	





	

		

			

				
					
antd select 赋值的注意事项，值赋不上的解决方案（必须类型相同才可以）

				
			

			

				

					从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
				

				

					12-17
					
					6179
					
				

			

		

		

			
				
react antd  select 注意事项 及踩坑

			
		

	





	

		

			

				
					
Angular 全屏后选择器 (nz-select) 下拉选项框失效【开发笔记】

				
			

			

				

					yuyu的博客
				

				

					04-13
					
					933
					
				

			

		

		

			
				
Angular 全屏后选择器 (nz-select) 下拉选择无法使用。

			
		

	





	

		

			

				
					
nz-select不能写在label标签里面

				
			

			

				

					weixin_53862758的博客
				

				

					03-03
					
					449
					
				

			

		

		

			
				
昨天在写代码的时候，需要选择框，就用了angular的组件库ng-zorro，结果这个选择框不是不是根本没有下拉框就是点不了，前前后后试了好久也不行，有的时候突然又行了，本来以为可以了，结果又不行了，没有改代码啊，没有办法就就只能用原生的select标签了，就是这个标签原本的样式是真的丑，只能自己写css代码，写完之后不服气还是想要知道到底为什么，就又试了试，最后终于发现原来是nz-select标签不能写在label标签里面，我也不知道为什么会这样，select标签是可以写在label标签里面的，为什么nz

			
		

	





	

		

			

				
					
jquery给select下拉框赋值

				
			

			

				

					06-28
				

			

		

		

			
				
可以使用jQuery的val()方法来给select下拉框赋值。例如：  HTML代码：  ``` <select id="mySelect">  选项1  选项2  选项3 </select> ```  jQuery代码：  ``` $("#mySelect").val("2"); ```  这样就会将下拉框选中值...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值