Question

当页面加载我在sql表中填充的行时，我的php生成了一个下拉菜单，即表ID（值）和NAME。

<select>
<option value="0"></option>
<option value=6>Alientech</option>
<option value=2>FNAC</option>
<option value=5>Logitech</option>
<option value=1>MHR</option>
</select>

然后我有：

<input type="text" name="editname">
<input type="text" name="editmail">
<input type="text" name="editwebsite">
<input type="text" name="editphone">
<input type="text" name="editfax">
<input type="text" name="editadress">
<input type="text" name="editincharge">

我想要做的是选择上面的选项，他获取mysql中行的id，并根据SQL表中的值填充输入，以便人们可以编辑提交表单的值。

我如何用jQuery做到这一点？

Answer 1

您的代码在哪里尝试？

这样做的方法是选择jquery 你会选择select的值 <select id="some_id"> 您还需要识别所有输入字段。您的PHP脚本应该返回一个JSON，您成功解析JSON并通过ID将其设置为INPUT字段的值。

$.ajax({
url: some_php_mysql.php
 type:post,
 data: {some_id:$('#some_id').val()},
success:function(data){
//json object returned - parse and then ID each value
});

Answer 2

首先，您可以重新加载页面：

<form action="" method="post" id="myform">
    <select name="myselect">
        <option value="0" disabled="disabled"></option>
        <option value=6>Alientech</option>
        <option value=2>FNAC</option>
        <option value=5>Logitech</option>
        <option value=1>MHR</option>
    </select>
</form>

有点jQuery ......

$("form#myform select").change(function(){
    $("form#myform").submit(); // Submit the form if the value is changed.
});

当您加载页面时，如果找到$_POST["myselect"]的值，则必须在字段中加载内容（除非它为0）。

您也可以使用Ajax异步执行操作（而不是提交表单，发送HTTP请求并解析结果以填充表单）。但是，如果您的页面的目的是仅来编辑条目，那么您应该使用上述方法。

Ajax参考：http://www.w3schools.com/ajax/

填充输入选择JQUERY

2 个答案: