我有一个带有选择字段和div的表单我希望根据用户选择的值更新值.
例：
<select name="mysel" id="msel">
<option value="test1">Test1</option>
<option value="test2">Test2</option>
<option value="test3">Test3</option>
</select>
<div id="myresult"></div>
如果用户选择test2,我希望div更新为“这是测试2和其他信息”,依此类推.
任何有关这方面的帮助将不胜感激.
解决方法
试试这样的事情：
<select id="choose">
<option value="test1">Test1</option>
<option value="test2">Test2</option>
<option value="test3">Test3</option>
</select>
<div id="update"></div>
<script type="text/javascript">
$('#choose').change(function(event) {
$('#update').html('This is ' + $('#choose').val() + ' and other info');
});
</script>
如果你想用AJAX制作它,将javascript函数更改为：
<script type="text/javascript">
$('#choose').change(function(event) {
$.post('info.PHP',{ selected: $('#choose').val() },function(data) {
$('#update').html(data);
}
);
});
</script>
在你的info.PHP中,你会有类似的东西：
<?PHP $selected = isset($_POST['selected']) ? $_POST['selected'] : 'nothing'; echo("This is $selected and other info");
