select 设置不可用，提交表单时能传值

最新推荐文章于 2023-11-28 13:29:54 发布

原创最新推荐文章于 2023-11-28 13:29:54 发布 · 1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Web前端专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在不使用disabled属性的情况下，禁用HTML Select中除当前选定值之外的所有选项的方法，确保表单提交时仍能传递选中值。

表单要设置select为不可用时，如果直接设置disabled,提交表单时，值无法传递到后台。可以用以下方法设置不可用，这样下拉框就不能选择当前值以外的选项，同时提交时，值能传递到后台。

			var oriCurrencyVal = $("#idORI_CURRENCY").val();
			$("#idORI_CURRENCY").children().each(function(){
				var curOptionVal = $(this).val();
				if(oriCurrencyVal!=curOptionVal){
					$(this).attr("disabled",true);
				}
			})

最终的select会变成：

<SELECT id="idORI_CURRENCY">
    <OPTION disabled value=""></OPTION>
    <OPTION selected value="RMB">RMB - 人民币</OPTION>
    <OPTION disabled value="USD">USD - 美元</OPTION>
</SELECT>