我有一个select选项,为了从中获取值,我使用了jquery(请参阅下面的代码)。在文本框中显示所选值后,我现在遇到了如何获取文本框的值以处理此类代码的问题。即便只是回声的价值是行不通的。代码的问题是什么?请帮忙。感谢。
选择选项:
<select name='shiptype' id='shiptype'>
<option value="0">Please select...</option>
<option value="LOC">LOCAL</option>
<option value="IM">IMPORT</option>
</select>
Jquery的:
$('#shiptype').change(function () {
var selectedValue = $(this).val();
var strloc = "LOCAL";
var strimp = "IMPORT";
if (selectedValue == "LOC") {
$('#strkey').val(selectedValue);
} else if (selectedValue == "IM") {
$('#strkey').val(selectedValue);
}
});
文字字段:
<input type='text' id='strkey' name='keyname' />
显示值:
$key = $_POST['keyname'];
echo $key;
答案 0 :(得分:0)
请尝试以下代码:
HTML文件包含以下代码。文件名test.html
。
表格提交您的数据。
<form id="frm_post">
<select name='shiptype' id='shiptype'>
<option value="0">Please select...</option>
<option value="LOC">LOCAL</option>
<option value="IM">IMPORT</option>
</select>
<input type="text" name="name" id="strkey">
<input id="btn_post" type="button" name="submit" value="Submit">
</form>
这是您输出的div
。
<div>
<p id="output"></p>
</div>
这是ajax调用函数的jquery。
<script>
$(document).ready(function(){
$('#shiptype').change(function() {
var selectedValue = $(this).val();
var strloc = "LOCAL";
var strimp = "IMPORT";
if (selectedValue == "LOC") {
$('#strkey').val(selectedValue);
//alert($('#strkey').val());
} else if (selectedValue == "IM") {
$('#strkey').val(selectedValue);
//alert($('#strkey').val());
}
});
$("#btn_post").click(function(){
var parm = $("#frm_post").serializeArray();
$.ajax({
type: 'POST',
url: 'your.php',
data: parm,
success: function (data,status,xhr) {
console.info(data);
$( "#output" ).html(data);
},
error: function (error) {
console.info("Error post : "+error);
$( "#output" ).html(error);
}
});
});
});
</script>
并且PHP文件获取如下所示的post值。文件名your.php
。
<?php
// $key = $_POST['keyname'];
// echo $key;
print_r($_POST);
?>
您的发布结果将显示在输出ID中。希望这可以帮到你。 :d