我想在div的下拉框中显示所有值 [英] i want to display the all values in the drop down box in the div
本文介绍了我想在div的下拉框中显示所有值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
实际上,当我在第一个下拉框中自动选择类别值时,我有两个下拉框/动态地在第二个下拉框中显示子类别值。现在我要显示所有子类别在div中的第二个下拉框中的值...所以请帮助任何一个..
Actually i have two drop down boxes when i am selecting the category value in the first drop down box automatically/Dynamically the sub-category values had displayed in the second drop down box.Now i want to display the all sub-category values in the second drop down box in the div..so please help any one..
<html>
<head>
<title>example</title>
<style>
#header{
background-color:#c3dfef;
}
#footer
{
background-color:#ccecd8;
margin:5px;
display: block;
clear: both;
}
#sidebar-left
{
background-color:#D0D0D0 ;
float: left;
width:250px;
height:530px;
}
#content
{
background-color:#ccdff0;
height:530px;
}
div{
padding:10px;
border:solid 1px black;
}
.button2:hover {
text-decoration: none;
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
}
</style>
<body>
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script>
jQuery(document).ready(function()
{
jQuery.ajax(
{
type: 'GET',
url: 'Youtube_category.php',
dataType: 'JSON',
success:function(data)
{
for(i=0;i
<script>
jQuery(document).ready(function()
{
jQuery('#parentCategory').change(function()
{
jQuery("#subCategory").load("subCategory.php?choice="+jQuery("#parentCategory").val());
});
});
</script>
<script>
function showDiv() {
document.getElementById('sidebar-left').style.display = "block";
var index = document.getElementById('subCategory').selectedIndex;
var selectedText = document.getElementById('subCategory').options[index].innerHTML;
document.getElementById('sidebar-left').innerHTML = selectedText;
}
</script>
<form id="form1">
<div id="header" >
<select id="parentCategory" value="parentCategory" class="button2" name="category">
<option selected="selected" name="category" value="selected">--Select category--</option>
</select>
<select id="subCategory" class="button2" name="subCategory">
<option selected="selected" name="subCategory" value="selected">--Select subCategory--</option>
</select>
<input type="button" name="answer" value="Go" class="button2" önclick="showDiv()" />
</div>
<div id="sidebar-left" ></div>
<div id="content"> content </div>
<div id="footer"> footer </div>
</div>
</head>
</form>
</body>
</html>
这是我已经完成的代码..仅在div中选择了值,但我希望下拉列表中的所有值
this is the code i had done..iam geeting only the selected valu in the div but i want all values in the dropdown
推荐答案
请查看演示 - [Issue]在Div中显示DropDownList的所有值 [ ^ ]。
它可以满足您的需求。
只需修改showDiv()
函数,如...
Please check the Demo - [Issue] Show all values of DropDownList in Div[^].
It does what you need.
Just modify theshowDiv()
function like...
function showDiv() {
var ddlSubCategory = document.getElementById('subCategory');
for (i = 0; i < ddlSubCategory.options.length; i++) {
document.getElementById('sidebar-left').innerHTML += ddlSubCategory.options[i].value + "<br/>";
}
}
这篇关于我想在div的下拉框中显示所有值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文