我有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 :
<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 : <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>
答案 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();">
现在阅读所选值会更容易。