获得文本框的价值

时间:2016-01-11 06:17:55

标签: php jquery select

我有一个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;

1 个答案:

答案 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