欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

获取select中被选中的option,及其相关操作(val(),text(),innerHTML等)

程序员文章站 2022-04-05 14:45:19
...

获取被选中的option的值的方式如下:

$("#selectId option:selected").val();

因为我们首先拿到的是select的id,之后再在其下一级的option中获取被选中的对象与值;

下面是一个工作中的示例:

// 获取被选中option的文本内容
var saleText = $("#iThirdSale option:selected").text();
if(saleText){
	var canAdd=true;
	$.each($("div[name='nvcSaleText']"), function (index, item) {
		// 如果当前展示的内容中已经包含了被选中option的文本
		if (item.innerHTML.indexOf(saleText)>=0) {
			canAdd=false;
		}
	})
	if (canAdd) {
		// 更新要展示的内容
		$("#addSaleCon").append('<div class="layui-input-inline" name="nvcSaleText">'+saleText+'</div>');
		// 更新要上传给后端的内容
		$("#nvcSaleContent").attr('value', 				   $("#nvcSaleContent").val()+saleText+',');
	}
}
相关标签: jQuery