jquery 根据text设置下拉框选中项

项目中有遇到点击按钮出dialog,里面有申请的form表单,需要在其中的select下拉框带出当前点击的内容,类似于以下:
jquery 根据text设置下拉框选中项_第1张图片
本以为一个很简单的东西,但是折腾了半天,网上查了一下,找到以下方法:

$("#selectShipperCode").find("option[text="+domtext+"]").attr("selected",true);

事实证明没什么用,点了无效,自己摸索了半天找到一种方法:

$("#selectShipperCode option:contains('xxx')").attr("selected",true);

像上图中如果express name是“申请”按钮的上一个兄弟元素的话,带出express并设置为dialog下拉框选项中的默认值,只需要这样子就ok了:

$("#selectShipperCode option:contains("+$(this).prev().text()+")").attr("selected",true);

备注:
当然我的dialog是封装的,点击时并不能对其进行操作,绑定到body上即可:

$("body").on("click", ".applyBtn", function() {
		$("selector option:contains("+$(this).prev().text()+")").attr("selected",true);
})

你可能感兴趣的:(前端,javascrip)