store data from either of two controls in single column of databese

2 New Member

I have select box in that two options like static value and custom value if user selects custom value a textbox will appear and if it is static value a combo box will appear so that from both option based on selection the value should store into database please help to code this problem correctly

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">
 
<title>Example of Bootstrap 3 Supported Form Controls</title>

<script type="text/javascript" src="js/script.js"></script> 

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

        <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 

        <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet"/> 

        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script> 

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<style type="text/css">

    h1{

        margin: 30px 0;

        padding: 0 200px 15px 0;

        border-bottom: 1px solid #E5E5E5;

    }

    .bs-example{

        margin: 20px;

    }

</style>

</head>

<body>

<div class="bs-example">

    <form class="form-horizontal"  role="form" method="post" action="dynform.php">

        <div class="form-group">

            <label class="control-label col-xs-3" for="firstName">Enter Field Name:</label>

            <div class="col-xs-9">

               <input id="new-state" type="text" placeholder="Field Name " class="form-control"/>

               <br>
 
                <button type="button" id="btn-add-state" class="btn-primary">ADD</button>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label col-xs-3" for="lastName">Select Field Name:</label>

            <div class="col-xs-9">

               <select id="state"  type="text"  class="form-control" name="column" required="" >

  <option value="">select</option>

  <option value="col1">col1</option>

  <option value="col2">col2</option>

  </select>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label col-xs-3" for="inputEmail">Enter Field type:</label>

            <div class="col-xs-9">

                <select id="type1" class="form-control" type="text"  name="type" required="">

                                <option value="">select</option>

                                <option value="INT">INT</option>

                                <option value="BOOLEAN">BOOLEAN</option>

                                <option value="DATE">DATE</option>

                                <option value="BLOB">BLOB</option>

                                <option value="CHAR">CHAR</option>

                                <option value="VARCHAR">VARCHAR</option>

                            </select>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label col-xs-3" for="phoneNumber">How Do You Pass Values:</label>

            <div class="col-xs-9">

                <select id="type2" class="form-control" type="text"  required="" onselect="select();">

                        <option >select</option>

                        <option   id="chkYes">Custom Values</option>

                        <option   id="chkNo"> Static Values</option>

                    </select>

            </div>

        </div>

        <div class="form-group">
 
        <div class="col-xs-6">

        <span>

        <div id="dPassport" style="display: none">

             <label class="control-label col-xs-3" >Static Values:</label>

             <div class="col-xs-9">

            <select id="value" class="form-control" type="text"   name="value1" required="" align="left">

                <option value="">select</option>

                <option value="state">State</option>

                <option value="District">District</option>

                <option value="Gender">Gender</option>

                <option value="B-group">B-group</option>

            </select>

            </div>

            </div>
 
        <div id="dvPassport" style="display: none">

            <label class="control-label col-xs-3" >Custom Values:</label>

            <div class="col-xs-9">

            <input id="value" type="text" placeholder=" Enter Value " style="width:100%" name="value2" required="" class="form-control"/>

            </div>

        </div>

        <span>

        </div>

         </div>
 
        <br>

        <div class="form-group">

            <div class="col-xs-offset-3 col-xs-9">

                <input type="submit" value="SUBMIT" class="btn btn-success"  name="submit" />

               <input id="remove" type="button" value="Done"  onClick="addRow('dataTable')">

            </div>

        </div>

    </form>

</div>

<script type="text/javascript">

    $(document).ready(function () {

        function select() {

            if ($('#type2').find(":selected").attr('id') == 'chkYes') {

                $("#dvPassport").show();

                $("#dPassport").hide();

            } else {

                $("#dPassport").show();

                $("#dvPassport").hide();

            }

        }

        //this makes the select change call the function select():

        // anytime the user change the selection the function select() is called and works as expected

        $('#type2').on('change', function () {

            select();

        });
 
        $("#state").select2({

            tags: true

        });
 
        $("#btn-add-state").on("click", function () {

            var newStateVal = $("#new-state").val();

            // Set the value, creating a new option if necessary

            if ($("#state").find("option[value='" + newStateVal + "']").length) {

                $("#state").val(newStateVal).trigger("change");

            } else {

                // Create the DOM option that is pre-selected by default

                var newState = new Option(newStateVal, newStateVal, true, true);

                // Append it to the select

                $("#state").append(newState).trigger('change');

            }

        });

        $("#type").select2({

            tags: true

        });
 
    });//end jQuery

    </script>

</body>

</html>  

<?php

$link = mysqli_connect("localhost","root","")  or die("failed to connect to server !!");

mysqli_select_db($link,"idcard");

if(isset($_REQUEST['submit']))

{

$errorMessage = "";

$column=$_POST['column'];

$type=$_POST['type'];

$value= $_POST['value1'] or $_POST['value2'];
 
// Validation will be added here
 
if ($errorMessage != "" ) {

echo "<p class='message'>" .$errorMessage. "</p>" ;

}

else{

//Inserting record in table using INSERT query

$ins="INSERT INTO `idcard`.`combo1`

(`column`, `type`, `value`) VALUES ('$column', '$type', 

'$value')";

$test=mysqli_query($link,$ins) or die(mysqli_error($link));

if($test)

echo "<script type='text/javascript'>alert('submitted successfully!')</script>";

else

 echo "<script type='text/javascript'>alert('failed!')</script>";

}

echo "<script type='text/javascript'>window.location.href='zzz.php'</script>";

exit();

}

$sql = "SELECT * FROM combo1 group by id ";

$result = mysqli_query($link, $sql);

if ($result && mysqli_num_rows($result) > 0) {
 
      # code...

      // while($row = $result->fetch_assoc()) {

 echo "<table class='table-hover table borderless table-condensed ';style='background-color: red'>";

 echo "<thead>";

            echo "<tr  align=center>";

                echo "<th >Column</th>";

                echo "<th >Type</th>";

                echo "<th >Value</th>";

                echo "<th >Action</th>";

            echo "</tr>";

           echo"</thead>";

       while($row = mysqli_fetch_array($result)){

        $id=$row['id'];

       echo "<tbody>";

            echo "<tr >";

                echo "<td >" . $row['column'] . "</td>";

                echo "<td >" . $row['type'] . "</td>";

                echo "<td >" . $row['value'] . "</td>";

                echo "<td><a href='edit.php?id=" . $row['id'] ."' class='btn btn-success'>Edit</a>

                <a href='delete.php?id= $id'  data-toggle='modal'  class='btn btn-danger' >Delete </a>
 
                </td>";

               echo "</tr>";

                echo "</tbody>";

              } 
 
           echo "</table>";
 
    }
 
mysqli_free_result($result);
 
?>

Apr 3 '17 #1

Subscribe Reply

1052

Similar topics

How to store data?

by: Lars Behrens | last post by:

Hi there! For a web project I need a little expert help. I don't have written much code yet, just been fiddling around a bit, testing and planning. The web site will have a submission page for...

Python

TextBoxes created dynamically : How to store data?

by: Forconi Boris via .NET 247 | last post by:

Hi, I'm working on a project in witch I have to list data(products that can be selected with a certain quantity) from anXML document, with key words entered by the user. A Table isdynamically created...

ASP.NET

How to use data controls to display data in data bound controls?

by: yma | last post by:

Hello, I tried to display a column in MS Access 2000 nwind.mdb using 3 data controls. But I got "It is already opened exclusively by another user, or you need permission to view its data." I...

Visual Basic .NET

data coming in single column of datagrid

by: sags | last post by:

Hi , Iam a new uesr of this group. I have a small doubt . Iam using the code mentioned below to retrive the data from tab delimited text file ., but Iam getting all the columns of the text file...

.NET Framework

Javascript Error on a GridView templated column where data can contain single quote

by: Anonieko | last post by:

Hello ASPNET guru's, What is a clean way to go around the problem of displaying a GridView templated column where data can contain Single Quote ( ' )? I maybe too naive, but this is of course...

ASP.NET

Stored procedure to transfer the data of one row to a single column

by: itarunachalam | last post by:

Hi friends, I have a table structure like this in SQL sever 2000. i want a stored procedure to transfer the data from "tblSurvey" table to "tblRespondent" table. Table - tblSurvey...

C# / C Sharp

Transpose data in a single column over many rows to many columns over single row

by: luciegiles | last post by:

Hi, I wish to transpose data in an Access table currently in a single column over many rows to many columns over single row: Current format: CHI DateIssued 123456 01/01/10...

Microsoft Access / VBA

How to store data from a multiple check box form

by: haripadadas | last post by:

I have 6 checkbox in my entryform.php. I am supposed to check more than 1 checkbox at a time. How to store multiple value in single column of database? Latter I also retrieve value from database...

PHP

Multiple foreignkey in single column

by: parameswari | last post by:

Hi Friends, I have a problem in creating a table with a column that has two foreign Key relationship . Let me explain in detail. Say ,I have three tables. First table A which...

Microsoft SQL Server

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp