0

ページにドロップダウン リストがあり、同じページに html テーブルがあり、値がデータベース テーブルから取得される列があります。ドロップダウン リストには 3 つのオプションがあります。つまり、連邦、州、および地方のいずれかのオプションを選択すると、ページが同じページにリロードされ、表の列の値が変更されます。その値は、データベースで Federal_value、state_value、および local_value に設定されています。

<select name="election" id="text" >
            <option value="federal"> Federal </option>
            <option value="state"> State </option>
            <option value="local"> Local </option>
          </select>

this is dropdown list code


    <form name="form1">
              <table width="90%" border="0" cellpadding="1" cellspacing="1" bgcolor="#c0c0c0">
                <tr>
                  <td width="9%" align="center" bgcolor="#FFFFFF" class="head01"><input type="checkbox" value="1" onClick="$('input[name*=\'selected\']').attr('checked', this.checked);" id="check_all" name="data[Farm][check_all]" >
                  </td>
                  <td width="7%" align="center" bgcolor="#FFFFFF" class="head01">Sr. No. </td>
                  <td width="25%" align="center" bgcolor="#FFFFFF" class="head01">Leader name</td>
                  <td width="13%" align="center" bgcolor="#FFFFFF" class="head01">Facebook Like</td>
                  <td width="11%" align="center" bgcolor="#FFFFFF" class="head01">Twitter Like</td>
                  <td width="10%" align="center" bgcolor="#FFFFFF" class="head01" id="value"> Value</td>
                  <td width="12%" align="center" bgcolor="#FFFFFF" class="head01">View Profile</td>
                  <td width="15%" align="center" bgcolor="#FFFFFF" class="head01">Select PM</td>
                </tr>


    <?php
    $election=$_REQUEST['election'];
     $result = mysql_query("SELECT * FROM leader_info"); 
     $i=1;
        while($row = mysql_fetch_assoc($result))
          {             
    ?>
                <tr>
                  <td bgcolor="#FFFFFF" align="center"><input type="hidden" value="0" id="chkids" name="chkid[0]">
                    <input type="checkbox" id="ChkIds" value="<?php echo $row['leader_id']; ?>" name="selected[]" onChange="myFunction(this)" class="<?php echo $row['state_point'];?>">
                  </td>
                  <td bgcolor="#FFFFFF" align="center"><span class="subdetails"><?php echo $i++; ?></span></td>
                  <td bgcolor="#FFFFFF" align="left"><span class="subdetails"><?php echo $row['leader_name']; ?></span></td>
                  <td bgcolor="#FFFFFF" align="left"><?php echo $row['facebook']; ?></td>
                  <td bgcolor="#FFFFFF" align="left"><?php echo $row['twitter']; ?></td>
                  <td bgcolor="#FFFFFF" align="left" class="<?php echo $row['state_point'];?>" ><?php echo $row['state_point'];?>



     </td>
                  <td align="center" bgcolor="#FFFFFF"><a href='#'><img style='vertical-align:bottom;' src='images/view profile.png' width='10' height='10' border='0'></td>
                  <td align="center" bgcolor="#FFFFFF"><input type="radio" name="pm" value="pm"></td>
                </tr>

    <?php  } ?>
    <tr>
                  <td align="center" bgcolor="#FFFFFF">Remaining Budget : </td>
                  <td align="center" bgcolor="#FFFFFF"><span id="total" class="0">1000</span></td>
                  <td>
                  </td>

                </tr>
                <tr>
                  <td align="center" bgcolor="#FFFFFF"><input type="submit" name="add"  value="Add Team"> </td>
                  <td align="center" bgcolor="#FFFFFF"><input type="reset"  value="Clear Team" onClick="javascript:changeTextToBlack();"></td>
                </tr>
              </table>
    </form>

これは私のテーブル コードです。変更したい場合は、ドロップダウン リストを選択すると値が自動的に local に変更され、州の代わりに Federal が変更されます。他のフィールドはそのままで、値の列だけが変更されます。

4

2 に答える 2

0

はい、これは可能です。JavaScript/Ajax と HTML の使用:

<select id="text" name="hub" onChange="refine_search();">
    <option value="test1">test1</test1>
    <option value="test2">test2</test2>
    <option value="test3">test3</test3>
</select>

関数の JavaScript コードrefine_search():

function refine_search(x)
{
    var temp_test=document.getElementById('test');
    test=temp_test.options[temp_test.selectedIndex].value;

    /*Copy this entire code from here this is an AJAX Call*/
    var xmlHttp;
    try{    
        xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
    }catch (e){
        try{
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        }catch (e){
            try{
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }catch (e){
                alert("No AJAX!?");
                return false;
            }
        }
    }
    var url="www.google.com";// url which contains the next server side page to query
    xmlHttp.open("GET",url,true);
    xmlHttp.onreadystatechange=function(){
        if ( this.readyState == 4 ) //when the page responds back
        {
            //change to this page.
        }
    }
    xmlHttp.send(null); 
}

これは必要なことを行います

于 2013-06-27T05:38:09.837 に答える
0

これを試して。

<select id="text" name="sel" onChange="reloadPage();">
        <option value="a" <? echo ($_GET['sel'] == 'a' ? 'selected="selected"' : '') ?> >test1</test1>
        <option value="b" <? echo ($_GET['sel'] == 'b' ? 'selected="selected"' : '') ?>>test2</test2>

    </select>

これを追加します

function reloadPage()
{
    document.frm_change.method = 'get';
    document.frm_change.submit();
}

フォームが送信されると、sel オプションの値が自動的に選択され、AJAX は必要ありません。

于 2013-06-27T05:53:23.113 に答える