单击ajax结果后如何提交表单

Question

我有一个页面，需要在这三个字段中进行搜索：用户名，日期和选项，然后显示结果。我在表单中有日期和选项值，但是我使用ajax获取用户名，并显示如下图所示的结果。单击名称后，我需要进行表单提交以同时发送三个值：用户ID，日期和选项。问题是我单击用户后，不知道如何发送用户ID和同时提交表单。

我花了4个多小时来尝试解决方案，但我没有。非常感谢您对此事的帮助。

这是用于搜索用户名的JQUERY代码：

function getname(value) {
    $("#eresult").show();  
      var varnom = $("#search").val();

                $.ajax({
                    type: "POST",
                    url: "ajax_nombre.php",
                    data: "nombre=" + varnom,
                    success: function(data, textStatus) {                       

                    $("#eresult").html(data);


 },

}）；  };

这是我用来搜索用户名值并在实时搜索中显示结果的PHP代码。 我试图使用div发送用户ID值，但在网上搜索时发现必须使用输入字段来完成。现在，我使用的是输入字段，但是当我单击任何名称时，所有用户ID值都会发送到该页面。

$varuser = $_POST['nombre'];

mysql_select_db($database_menu, $menu);
$sql = "SELECT usu_id, usu_nombre FROM usuario where usu_nombre like '%$varuser%'";
$connuser = mysql_query($sql, $menu) or die(mysql_error());
$usuarios = mysql_fetch_assoc($connuser);
$total_usuarios = mysql_num_rows($connuser);

do {
echo '<input type"hidden" name="user" value="'.$usuarios['usu_id'].'"/> <div onclick="document.forms.form1.submit();" class="busqueda">'.$usuarios['usu_nombre'] . '</div>'; 
} 

while ($usuarios = mysql_fetch_assoc($connuser));

这是我的HTML代码：

 <form id="form1" name="form1" method="GET" action="options.php" >

<input type="text" class="opcsearch1" placeholder="Search by Name..." id="search" onkeyup="getname(this.value)" autocomplete="off" >
<div id="eresult"></div>
<input name="dia" type="date" id="dia" value="<?php echo $vfecha; ?>" onchange="this.form.submit()" class="opcsearch2"/>

  <select name="opcion" id="opcion" onchange="this.form.submit()" class="opcsearch2">

    <option value="1"> Option 1</option>
    <option value="2"> Option 2</option>
    <option value="3"> Option 3</option>

  </select>

</form>