下拉列表项中的onclick()事件

Question

我有一个包含ex值的下拉列表标签"primary Carrier“。Amazon、Waymart、Best-Buy和值都来自数据库，下面是我需要遵循的条件。如果主要运营商下拉标签不是“亚马逊”，则需要显示一些选项。

下面是我的代码：

<m:td width="250"

onclick="javascript:flagWarn=false;javascript:datechanged=true;javascript:addeditrow('claimSearchForm1');">
<h:outputLabel  for="primaryCarrier" value="Primary Carrier " />
<h:selectOneMenu id="primaryCarrier"
value="#{crossoverClaimDataBean.providerClaimVO.claimLineItemDetails.primaryCarrier}"
onchange="javascript:selectOne=true;"  >    
onclick=if(!amazon(this,'t1_options)

<f:selectItems value="#{crossoverClaimDataBean.primaryCarrierList}"  /> 
</h:selectOneMenu>

<m:div sid="t1_options" styleclass="hide">
<h:outputLabel for="lname6"
value="Other Insured's Last Name" />
<h:outputLabel for="mi6" value="MI" />

请让我知道我的方法是否正确。如果没有，请给我指点一下。

Answer 1

你可以这样做，

<h:outputLabel id="primaryLabel" for="primaryCarrier" value="Primary Carrier"  />
<h:selectOneMenu id="primaryCarrier"
 value="#{crossoverClaimDataBean.providerClaimVO.claimLineItemDetails.primaryCarrier}"
 onchange="javascript:selectOne=true;"  >    
onclick=if(!amazon(this,'t1_options)

<f:selectItems value="#{crossoverClaimDataBean.primaryCarrierList}" />

在你的javascript中，

document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    //document is ready. Do your stuff here
    var labelValue = document.getElementById("primaryLabel").innerText;
     if(labelValue === 'Amazon'){

      } else {
         // Do the stuff here..
      }
    }
}

如果您正在使用jQuery，

$( document ).ready(function() {
   var labelValue = $("#primaryLabel").text();
    if(labelValue === 'Amazon'){

    } else {
         // Do the stuff here..
    }
}); 

希望这能帮上忙..