gpt4 book ai didi

php - AJAX/JS/PHP : Submitting value of a select box without page refresh or button click

转载 作者:可可西里 更新时间:2023-11-01 00:48:55 26 4
gpt4 key购买 nike

我目前正在使用 Ajax 提交输入字段,而无需刷新页面或单击按钮。该函数适用于文本输入字段 但它不适用于发布 选择框 的值然后 php 回显结果。我检查了 Firebug 工具,但 Ajax/js 函数没有发布任何内容。

我怎样才能提交一个选择框的值,然后我才能用 php 回显? EXAMPLE

JS

<script>
$(document).ready(function() {
var timer = null;
var dataString;
function submitForm(){
$.ajax({ type: "POST",
url: "index.php",
data: dataString,
success: function(result){
$('#item_input').text( $('#resultval', result).html());
}
});
return false;
}
$('#item_name').on('keyup', function() {
clearTimeout(timer);
timer = setTimeout(submitForm, 050);
var name = $("#item_name").val();
dataString = 'name='+ name;
});
});
</script>

PHP

<?php
if ($_POST)
{
$item_name = $_POST['name'];
echo ('<div id="item_input"><span id="resultval">'.$item_name.'</span></div>');
}
?>

HTML

<html>
<form method="post" id="form" name="form">
<select name="item_name" value="<? $item_name ?>" size="4" id="item_name">
<option value="">Item1</option>
<option value="">Item2</option>
<option value="">Item3</option>
<option value="">Item4</option>
</select>
</form>
<div id="item_input"></div>
</html>

最佳答案

select 标签不会触发 keyup 事件,您应该使用 change 代替,尝试以下操作:

 $('#item_name').on('change', function() {
clearTimeout(timer);
var name = $(this).val();
dataString = 'name='+ name;
timer = setTimeout(submitForm, 050);
});

 $('#item_input').html(result); 

关于php - AJAX/JS/PHP : Submitting value of a select box without page refresh or button click,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11588831/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com