获得select标签的value值和lable页签值的方法

原创 2007年10月15日 16:41:00

 

获得select标签的value值和lable页签值的方法:

<%@ page contentType="text/html; charset=gb2312" language="java"
 import="java.sql.*" errorPage="" pageEncoding="UTF-8"%>

<html>
 <%@ include file="../../FrameWork/jsp/head.jsp"%>
 <script type="text/javascript">
 var selectRb = '';
  function closeWin(){
   //alert('ssss');
   self.close();
   self.opener.focus();
  }
  
function change(ctmid,ctmname,ctmaddress,ctmtel,lkIdindex,ctmtypename)
  {
 // alert('change!!!');
 selectRb = lkIdindex;
 document.thtPsbForm.ID.value=ctmid;
 // alert('ctmid:'+ctmid);
 document.thtPsbForm.ID.ename=ctmname;
 document.thtPsbForm.ID.address=ctmaddress;
 document.thtPsbForm.ID.tel=ctmtel;
 var linkmanid = 'lxrid'+lkIdindex;
 //alert('linkmanid: '+linkmanid);
 var obj = document.getElementById(linkmanid);
 for(i=0;i<obj.length;i++){
  if(obj[i].selected==true)
  {
   //alert('obj.value: '+obj[i].value);---获得option的value值
   //alert('obj.innerText: '+obj[i].innerText);---获得option的lable文本
   document.thtPsbForm.ID.linkmanMc=obj[i].innerText;
   document.thtPsbForm.ID.linkmanId=obj[i].value;
  }
 }
 document.thtPsbForm.ID.ctmtypename=ctmtypename;
}
 
  function selectok(){
   //alert('选择完毕!!');
    self.opener.document.all["thtPsbvo.khDm"].value=thtPsbForm.ID.value;

    self.opener.document.thtPsbForm.CTM_NAME.value=thtPsbForm.ID.ename;//订货单位
    self.opener.document.thtPsbForm.ADDRESS_X.value=thtPsbForm.ID.address;//通讯地址
    self.opener.document.all["LINKMANMC"].value=thtPsbForm.ID.linkmanMc;//联系人名称
        self.opener.document.all["thtPsbvo.khLxr"].value=thtPsbForm.ID.linkmanId;//联系人Id
 self.opener.document.thtPsbForm.LINKTEL_X.value=thtPsbForm.ID.tel;//电话
    self.opener.document.all("thtPsbvo.yyly").value=thtPsbForm.ID.ctmtypename;//产品应用领域
    self.close();
    self.opener.focus();
   
 }
 
 function changeLm(lkIdindex){
 //alert('linkmanid: ');
  if(selectRb == lkIdindex){
   var linkmanid = 'lxrid'+lkIdindex;
 
    var obj = document.getElementById(linkmanid);

    for(i=0;i<obj.length;i++){
      if(obj[i].selected==true)
       {
       //alert('obj.value: '+obj[i].value);---获得option的value值
       //alert('obj.innerText: '+obj[i].innerText);---获得option的lable文本
       document.thtPsbForm.ID.linkmanMc=obj[i].innerText;
       document.thtPsbForm.ID.linkmanId=obj[i].value;
      }
    }
  }
 }
  
 </script>
 <style type="text/css">
<!--
.style1 {color: #FF0000}
-->
</style>

 <body>
  <html:form action="thtPsbAction.do" method="post">
   <table width="100%" border="0" cellspacing="0" cellpadding="0"
    align="center">
    <tr>
     <td>
      <table align="center">
       <tr>
        <td class="tabletitle">
         客户查询
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <tr>
     <td>
      <table width="83%" align="center">
       <tr align="center" class="tableHeader" height="28">
        <td width="13%">
         选择
        </td>
        <td width="16%">
         客户名称
        </td>
        <td width="12%">
         地址
        </td>
        <td width="11%">
         电话
        </td>
        <td width="12%">
         联系人
        </td>
        <td width="24%">
         客户类型
        </td>

       </tr>

       <logic:iterate id="element" name="clients"
        type="com.czkj.web.khgl.customer.TKhcustomerVO" indexId="index">
        <tr class="tableMain">
         <td width="13%">
          <input type="radio" name="radiobutton"
           onClick="change('<bean:write name="element" property="khDm"/>','<bean:write name="element" property="mc"/>','<bean:write name="element" property="address"/>','<bean:write name="element" property="phone"/>','<bean:write name="index" />','<bean:write name="element" property="cmtypemc"/>')">

         </td>
         <td width="16%">
          <bean:write name="element" property="mc" />
         </td>
         <td width="12%">
          <bean:write name="element" property="address" />
         </td>
         <td width="11%">
          <bean:write name="element" property="phone" />
         </td>
         <td width="12%">

          <select style="width:70px" id="lxrid<%=index%>"
           onchange="changeLm('<bean:write name="index" />')">
           <%
              String[] lxrmc = element.getLxrMc();
              String[] lxrid = element.getLxrId();
              for (int i = 0; i < lxrmc.length; i++) {
           %>
           <option value="<%=lxrid[i]%>">
            <%=lxrmc[i]%>
           </option>
           <%
           }
           %>
          </select>
         </td>
         <td width="24%">
          <bean:write name="element" property="cmtypemc" />
         </td>

        </tr>
       </logic:iterate>

       <tr class="page">
        <td colspan="6">
         <div align="center">
          分页区或备注说明区
         </div>
        </td>
       </tr>

      </table>

     </td>
    </tr>

 

    <tr>
     <td align="center">
      <table>
       <tr>

        <td class="sparator2">
        </td>
       </tr>
       <tr>

        <td align="center" class="buttonTable2">
         <input type="button" class="button"
          onMouseOver="this.className='buttononMouseOver'"
          onMouseDown="this.className='buttononMouseDown'"
          onMouseOut="this.className='buttononMouseOut'"
          onclick="javascript:selectok();" value="选择完毕">
         <input type="button" class="button"
          onMouseOver="this.className='buttononMouseOver'"
          onMouseDown="this.className='buttononMouseDown'"
          onMouseOut="this.className='buttononMouseOut'"
          onclick="javascript:closeWin();" value="放弃">
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <input type="hidden" name="ID" value="" ename="" address="" tel=""
     linkmanMc="" linkmanId="" bank="" account="" taxcode="" fax=""
     chairman="" postcode="" ctmtypename="">

   </table>
  </html:form>

 </body>

</html>
 

Select 的绑定值为对象类型时用法 同时获取option选项的label和value值

如果 Select 的绑定值为对象类型,请务必指定 value-key 作为它的唯一性标识。 export default { data() { return { co...
  • weixin_40126227
  • weixin_40126227
  • 2017-10-17 14:36:58
  • 1694

html5 表单(三) select/label/fieldset

form02
  • u013225534
  • u013225534
  • 2016-09-08 22:42:30
  • 702

JSP获取页面label值,为页面label赋值【原创】

刚才对于JSP获取页面输入框值的问题已经解决,并且已知可以通过页面代码片段进行服务器端运算,并且,也见过了JSP那灵活的返回原页面输出了,再接下来的问题,就是关于这个输出的形式了。 前一篇中的输出,...
  • freshbaby
  • freshbaby
  • 2013-08-16 17:42:21
  • 3604

java类中获取属性的名称

在类中定义了一个属性abc,如何获取这个变量的abc的名字串呢?也就是说怎么知道abc这个变量的名字是abc,这个问题比较的好玩。 这个是偶以前在一开发中遇到的一个比较有趣的问题,找了半天的资料...
  • yufaw
  • yufaw
  • 2012-03-30 05:59:39
  • 11909

JS和Jquery获取和修改label的值

获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: var label=document.getElementById("id"); var value=la...
  • mi_ss_hua
  • mi_ss_hua
  • 2014-01-14 11:26:14
  • 7790

JS和JQuery获取label的值

label http://blog.ithomer.net  label 获取值:label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值// input get va...
  • sunboy_2050
  • sunboy_2050
  • 2014-08-30 06:19:34
  • 20765

原生js获取select的option项的label和value值

通过原生js获取select的值
  • wdhouyigege
  • wdhouyigege
  • 2017-07-14 08:31:31
  • 839

获得select标签的value值和lable页签值的方法

 获得select标签的value值和lable页签值的方法: import="java.sql.*" errorPage="" pageEncoding="UTF-8"%>   var select...
  • gongmingwind
  • gongmingwind
  • 2007-10-15 16:41:00
  • 2943

javascript获取select的value值

javascript获取select选项的value 苹果 香蕉 李子 查看选择 function check() { v...
  • qq_24484085
  • qq_24484085
  • 2017-09-24 18:59:51
  • 122
收藏助手
不良信息举报
您举报文章:获得select标签的value值和lable页签值的方法
举报原因:
原因补充:

(最多只允许输入30个字)