如何保存下拉到MySQl表的选择值

时间:2014-06-01 18:23:08

标签: javascript php html mysql

我有2下拉。在第二个下拉项中,根据第一个下拉选项动态添加。

现在我希望第5个主题的选定值存储在MySQL表中。我无法获得在第二次下拉中选择的选项的值。

如何在选项标签

中动态添加项目时,如何获取所选值

这是代码

<script>
function SetSubject(objLanguage) {
    var objMedia = document.getElementById("5thsub");
    objMedia.options.length = 0;
        objMedia.disabled = false;

    switch (objLanguage.value) {
    case "Humanity":
        objMedia.options.add(new Option("Hindi"));
        objMedia.options.add(new Option("IP"));

        break;
    case "Commerce":
        objMedia.options.add(new Option("IP"));
        objMedia.options.add(new Option("Other"));
        break;
    case "Sci[PCM]":
        objMedia.options.add(new Option("CS"));
        objMedia.options.add(new Option("IP"));
        break;
    case "Sci[PCB]":
        objMedia.options.add(new Option("IP"));
        objMedia.options.add(new Option("Math"));
        break;
    default:
        objMedia.options.add(new Option("select"));
        objMedia.disabled = true;
        break;
    }
}
</script>
<tr>
    <td>Stream : &nbsp;&nbsp;&nbsp;&nbsp;
        <select name="stream" id="stream" onchange="SetSubject(this)">
           <option> Select</option>
           <option value="Humanity">Humanity</option>
           <option value="Commerce">Commerce</option>
           <option value="Sci[PCM]">Sci[PCM]</option>
           <option value="Sci[PCB]">Sci[PCB]</option>
        </select>
    </td>
    <td>5th Subjects :       
        <select name="5thsub" id="5thsub" disabled="disabled">
            <option>Select</option>
        </select>
    </td>
</tr>

将数据传递给savedata.php文件以保存值的表单的一部分。

<td>Category : &nbsp;&nbsp;&nbsp;&nbsp;<select name="cast_cate" >   
        <option value="GEN"<?php if(isset($_POST['cast_cate'])){if($_POST['cast_cate']=="GEN"){?>selected <?php }} ?>>General</option>
        <option value="SC" <?php if(isset($_POST['cast_cate'])){if($_POST['cast_cate']=="SC"){?>selected <?php }} ?>>SC</option>
        <option value="ST" <?php if(isset($_POST['cast_cate'])){if($_POST['cast_cate']=="ST"){?>selected <?php }} ?>>ST</option>
        <option value="CREM" <?php if(isset($_POST['cast_cate'])){if($_POST['cast_cate']=="CREM"){?>selected <?php }} ?>>OBC - CREAMY</option>
        <option value="NCREM" <?php if(isset($_POST['cast_cate'])){if($_POST['cast_cate']=="NCREM"){?>selected <?php }} ?>>OBC - NON-CREAMY</option>

        </select> </td>

1 个答案:

答案 0 :(得分:1)

您可以添加一个“隐藏”输入对象,其中包含第二个选择框的值,并编写一个简单的函数,将该值分配给该框:

将此添加到您的js:

function setValue()
{
    document.getElementById("selected_value").value = document.getElementById("5thsub").value;
}

而不是更改第一个选择框,因此它将运行此功能:

<select name="stream" id="stream" onchange="SetSubject(this);setValue()">

最后,让第二个选择框运行此功能:

<select name="5thsub" id="5thsub" disabled="disabled" onChange="setValue();">

现在阅读所选值会更容易。