如何将动态组合框的值传递给文本框?
问题描述:
我与PHP的工作。当用户从组合框中选择任何项目时,相应的项目将显示在第二个组合框中。我需要将第二个组合框的值存储到文本框中以备后用。如何将动态组合框的值传递给文本框?
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#combo').change(function(){
console.log($(this));
$.get("abc.php" , { option : $(this).val() } , function (data) {
$ ('#comboB') . html (data) ;
}) ;
});
});
</script>
</head>
<body>
<form>
<select name="combo" id="combo">
<option value="">-- Select</option>
<option value="1"> Personnel</option>
<option value="2"> Area Layout</option>
<option value="3">Conference Rooms</option>
<option value="4"> Small Office</option>
</select>
now abc.php
<?php
$Options = Array (
1 => Array (
'--',
'15 x 20 (300 sq. ft.)' ,
'15’ x 15’ (225 sq. ft.)',
' 10’ x 15’ (150 sq. ft.)',
'12’ x 10’ (120 sq. ft.)'
) ,
2 => Array (
'10’ x 10’ (100 sq. ft.)' ,
' 8’ x 6’ (48 sq. ft.)',
'5’ x 5’ (25 sq. ft.)'
) ,
3 => Array (
'15’ x 25’ (375 sq. ft.)' ,
'15’ x 20’ (300 sq. ft.)',
'15’ x 15’ (225 sq. ft.)'
) ,
4 => Array (
'8’ x 8’ (64 sq. ft.)' ,
'8’ x 6’ (48 sq. ft.)',
'6’ x 6’ (36 sq. ft.)',
'4’ x 6’ (24 sq. ft.)'
)
) ;
forEach ($Options [ $_GET [ 'option' ] ] as $Item) {
printf ('<option value="%s">%s</option>' , $Item , $Item) ;
}
?>
答
一个JavaScript代码,如:
$('#comboB').change(function(){ $('#textbox').val($(this).val()); });
会做的伎俩就如何修改HTML
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#combo').change(function(){
console.log($(this));
$.get("abc.php" , { option : $(this).val() } , function (data) {
$ ('#comboB') . html (data) ;
}) ;
});
$('#comboB').change(function(){ $('#textboxB').val($(this).val()); });
});
</script>
</head>
<body>
<form>
<select name="combo" id="combo">
<option value="">-- Select</option>
<option value="1"> Personnel</option>
<option value="2"> Area Layout</option>
<option value="3">Conference Rooms</option>
<option value="4"> Small Office</option>
</select>
</form>
<select id="comboB"></select>
<input type="textbox" id="textboxB" value="" />
这里我把这个代码我明白loctation
编辑示例把这个好心帮我,我需要在这里进一步计算第二COMBOX这DISPLY数据时,用户selcted任何选项FR OM第一组合框 \t \t \t \t - 我需要在文本框 – malika 2013-05-05 10:08:08
plz帮助该值存储在放置的这个loctation代码pl – malika 2013-05-05 10:14:43
把这段代码放在 _ $('#combo')。change(function(){...}); _ – Mangiucugna 2013-05-05 14:44:49