javascript - 如何使 'None selected' 不适用于下拉菜单的更改

Question

NameTextBox 是包含所有名称的下拉菜单，因此一旦更改名称并单击搜索，它就会获取与名称相关的详细信息，但默认情况下会显示“未选择”，因此一旦单击搜索，这也有效。单击搜索后，如何限制“未选择”不工作。

<select id="NameTextBox" name="NameTextBox" class="select100" onchange="fnChangeName();">
                                    <option value=""><fmt:message key="label.select"/></option>
                                    <c:forEach var="item" items="${MODEANDVIEW.model.codes}">
                                        <c:set var="numb_Code" value='=${item.numb}'/>
                                        <%
                                        String numbCode = (String)pageContext.getAttribute("numb_Code");
                                        String LoopVal=numbCode.replaceAll(" ","");                                         
                                        String compare = numb.replaceAll(" ","");
                                        selected="";                                            
                                        if((LoopVal.substring(1)).equalsIgnoreCase(compare)){
                                            selected="selected";
                                        }


function fnChangeName(){

document.<%= renderResponse.getNamespace()%>emitform.addr.value=document.<%=    
renderResponse.getNamespace()%>emitform.NameTextBox.options[document.<%= 
renderResponse.getNamespace()%>remitform.NameTextBox.selectedIndex].value +   
"\n";
var str=document.<%= renderResponse.getNamespace()%>emitform.addr.value;
var str2=document.<%= renderResponse.getNamespace()%>emitform.addr.value;
var str3=str.substring(0,str.indexOf(":"));
document.<%= renderResponse.getNamespace()%>emitform.addr1.value=str3;
document.<%= renderResponse.getNamespace()%>emitform.pvId.value=str3;
}

Answer 1

简单易用的方法 - 单击按钮时，在函数 fnChangeName 内，只需检查是否选择了“未选择”，然后返回 false 或写入“return;”。这肯定会起作用。

要获取名称下拉列表中的选定值，您可以使用下拉列表的选项属性。

在 JavaScript 中:

function fnChangeName(){

   var txtName = document.getElementById("NameTextBox");
   var selectedName = txtName .options[txtName.selectedIndex].text;
   if(selectedName == "None Selected")
     return;

   document.<%= renderResponse.getNamespace()%>emitform.addr.value=document.<%=    
   renderResponse.getNamespace()%>emitform.NameTextBox.options[document.<%= 
   renderResponse.getNamespace()%>remitform.NameTextBox.selectedIndex].value +   
   "\n";
   var str=document.<%= renderResponse.getNamespace()%>emitform.addr.value;
   var str2=document.<%= renderResponse.getNamespace()%>emitform.addr.value;
   var str3=str.substring(0,str.indexOf(":"));
   document.<%= renderResponse.getNamespace()%>emitform.addr1.value=str3;
   document.<%= renderResponse.getNamespace()%>emitform.pvId.value=str3;
}