在选择JQUERY时填充输入


Populate inputs on selects JQUERY

当页面加载时,我的php生成了一个下拉菜单,其中填充了sql表中的行,即表ID(Value)和它们的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做到这一点?

您的代码尝试在哪里?

这样做的方法是选择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
});

首先,您可以重新加载页面:

<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/