本文共 1734 字，大约阅读时间需要 5 分钟。

最近在业务需求开发中，需要对结汇资金属性的下拉选项进行控制。需求原本是要求对于不可选的属性，用户点击后默认显示请选择。修改完成后，需求又变更为还是让属性显示出来，另外在别的地方去控制流程终止。哎，对业务的需求变更是最无力吐槽了，。最疯狂的遇到过，对于一个需求一天变一次，连续改了三个版本，真是累死宝宝了。

现在给大家提供最初的需求，不可选的属性置灰，用户点击后默认回到请选择的属性。

先把html代码贴一下：

<td align="left" class="Tip_Content">

<select id="text_fxAttribute" class="input_long13" οnchange="javascript:checkOptValue()"> <option id="oPlsChoose" value="999"></option> <option value="666" style="color:gray" id="oCargoTrade"></option> <option value="666" style="color:gray">运输</option> <option id="oTravel" value="122"></option> <option value="666" style="color:gray">金融和保险服务</option> <option value="666" style="color:gray">专有权利使用费和特许费</option> <option id="oReferService" value="125"></option> <option value="666" style="color:gray">其他服务</option> <option value="131" style="color:gray">职工报酬和赡家款</option> <option value="666" style="color:gray">投资收益</option> <option value="666" style="color:gray">其他经常转移</option> <option value="666" style="color:gray">资本账户</option> <option value="666" style="color:gray">投资资本金</option> <option value="666" style="color:gray">直接投资撤资</option> <option value="666" style="color:gray">房地产</option> <option value="666" style="color:gray">其他直接投资</option> <option value="666" style="color:gray">对境外证券投资撤回</option> <option value="666" style="color:gray">证券筹资</option> <option value="666" style="color:gray">其他投资</option> <option value="666" style="color:gray">国内外汇贷款</option> <option value="270">经批准的资本其他</option> </select> </td>

selected框选择事件的控制。value值为666的点击后默认显示请选择。

function checkOptValue(){

if(document.getElementById("text_fxAttribute").value == "666") { document.getElementById("text_fxAttribute").options[0].selected=true;

return；

｝

在select标签中加入οnchange="javascript:checkOptValue()"即可实现。谢谢参阅。

转载地址：https://blog.csdn.net/LM891108647/article/details/79026132 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！