我需要将选择组合框的值传递给textbox。在combox框中的每个值都有自己的值,该值将显示在文本框中的用户选项上。我这样做但是它正在显示nthng。请帮助我。
编码
<?php
$options = array(
'0' => array(
'title' => '-- Select',
'value' => ''
),
'1' => array(
'title' => 'A',
'value' => '300'
'value1' => '600'
),
'2' => array(
'title' => 'B',
'value' => '1800'
'value1' => '900'
),
);
if (isset($_GET['option']) && isset($options[$_GET['option']])) {
echo $options[$_GET['option']]['value'];
echo $options[$_GET['option']]['value1'];
exit;
}
?>
<select name="combo" id="combo">
<?php
foreach($options as $key_value => $option) {
printf('<option value="%s">%s</option>', $key_value, $option['title']);
}
?>
</select>
<input type="text" name="hideen1" id="textboxB" value="" />
<input type="text" name="hideen1" id="textboC" value="" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#combo').change(function(){
$.get("?", {
option : $(this).val()
}, function (data) {
$('#textboxB').val(data);
$('#textboxC').val(data);
});
});
});
</script>
例如
如果用户选择A
,则会出现在textbox1 300
中,并且会出现在textbox2 600
中。如果选择B
,则会显示100
,并且会出现在textbox2 900
中。请帮助我.Plz友好地帮助我。我在两个文本框中都得到了两个值。
答案 0 :(得分:0)
我不确定我是否理解它,但这应该有用。
关于PhpFiddle原始问题的示例:http://phpfiddle.org/main/code/rha-57n
PhpFiddle上的已更新示例包含2个输入:http://phpfiddle.org/main/code/t13-0kj
$options = array(
'0' => array(
'title' => '-- Select',
'value1' => '',
'value2' => '',
),
'1' => array(
'title' => 'A',
'value1' => '300',
'value2' => '600',
),
'2' => array(
'title' => 'B',
'value1' => '1800',
'value2' => '900',
),
);
if (isset($_GET['option']) && isset($options[$_GET['option']])) {
echo json_encode($options[$_GET['option']]);
exit;
}
?>
<select name="combo" id="combo">
<?php
foreach($options as $key_value => $option) {
printf('<option value="%s">%s</option>', $key_value, $option['title']);
}
?>
</select>
<input type="text" name="hideen1" id="textboxB" value="" />
<input type="text" name="hideen1" id="textboxC" value="" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#combo').change(function(){
$.getJSON("?", {
option : $(this).val()
}, function (data) {
$('#textboxB').val(data.value1);
$('#textboxC').val(data.value2);
});
});
});
</script>