在javascript函数中插入select标记

我有一个javascript函数，它在select之后显示和隐藏一个div。div包含表单的字段。div test2包含div test1的字段和一个select，它从数据库中获取数据。所有字段都是必填字段

问题：

1） 由于php代码的原因，我很难在formgroup2变量（我的意思是test2）中包含select

 function hide () {
 console.log("whatever")
 }

function visibilite1(_this) {
var formgroup1 = '<div id="test1" class="divs"><label>Name </label>  
<input type="text" name= "name" id= "name" required>  </br><label>User 
name </label><input type="text" name= "username" id= "username"   
required>  </br><label >Password <em>*</em></label><input 
type="password"   name= "password" id= "password" required></br></div>'

var formgroup2 = '<div id="test2" class="divs"><label>Name </label> 
<input type="text" name= "name" id= "name" required><label>User name 
</label><input type="text" name= "username" id= "username"  required>
<label>Password <em>*</em></label><input type="password" name= "password"
id= "password" required><input type="text" name= "username"  
id=  "username"  required><label>Adress<em>*</em></label><input 
type="text" name= "adress" id= "adress" required></div>'

var formtestElement = document.getElementById('formtest'); 

if (_this.value == "test1") {
  formtestElement.innerHTML = formgroup1
 } else if (_this.value == "test2") {
  formtestElement.innerHTML = formgroup2
 };
 }
 </script>

<select name="role" id="role"
onchange="visibilite1(this);hide()" >
<option value='test1'>Year1</option>
<option value='test2'>Year2</option>
</select>

 <div id="formtest">
<div id="test1" class="divs">
<label>Name </label>
<input type="text" name="name" id="name" required>  </br>
<label>User name </label>
<input type="text" name="username" id="username" required></br>
<label>Password <em>*</em></label>
<input type="password" name="password" id="password" required></br>
</div>
</div>

函数隐藏（）{
console.log（“无论什么”）
}
函数visibilite1（\u this）{
var formgroup1='名称

用户
姓名
密码*
'
var formgroup2='名称
用户名
密码*地址*'
var formtestElement=document.getElementById（'formtest'）；
如果（_this.value==“test1”）{
formtestElement.innerHTML=formgroup1
}否则如果（_this.value==“test2”）{
formtestElement.innerHTML=formgroup2
};
}
第一年
第二年
名称


用户名


密码*

每件事都很完美，但由于php代码，我不能在formgroup2变量的地址字段后包含以下select标记：

  <label>Client name</label>
  <?php 
  $sql="select ClientName from claims_follow_up.Client where id 
  !='10001' order by ClientName asc "; 
   $req=mysqli_query($dbc,$sql) or die("Erreur d'execution"); 
   ?> 
   <select name="ClientName" id="ClientName"
  onchange="
   var maVal = document.getElementById('ClientName').value;
    if (maVal == 'Create new client')
    {
  window.open('newClientCreate.php', 'blank', 'scrollbars=yes,    
   resizable=no, top=50, left=155, width=1200, height=700');
  };activer()" required disabled="true" onkeypress="activerSubmit()">
  <option value="">select client </option>
   <?php 
   while($d=mysqli_fetch_array($req)) 
   { 
   echo'<option
    value="'.$d['ClientName'].'">'.$d['ClientName'].'</option>'; 
     } 
   mysqli_free_result($req); 

   ?>
 <option value="Create new client"  style="color:blue;    
 font-weight:bold">create new client</option>

 </select>

客户端名称
创建新客户端

您的问题不清楚，您的代码也不清楚。 我很难理解你想做什么

以下是一些让您的代码更具可读性的技巧，以及让我们更容易理解您的问题：

构建代码：在编码之前先思考

以适当的方式缩进代码

使用函数！避免在代码中包含此类内容：

onchange=“var maVal=document.getElementById（'ClientName'）.value；if（maVal='createnewclient'）{window.open（'newClientCreate.php'，'blank'，'scrollbars=yes，resizeable=no，top=50，left=155，width=1200，height=700'）；activer（）”

使用正确的id和类名。很难理解id为“test1”或span class=“divs”的div的用途。。那是胡说八道

现在，当你在这里发帖时，你应该总是指定你想做什么，当你提供源代码时，告诉我们你的代码是从哪一部分开始的。您向我们提供了2个代码示例。我仍然在问自己，它们是来自同一个“test.php”脚本，还是属于“test1.php”和“test2.php”的一部分

选择你的话。您的问题是“在javascript函数中插入选择标记”，在法语中，它的意思是“Insérer un select tag DANS une fonction javascript”。更正确的做法是“使用js函数插入select标记”，或者更好的做法是：“使用javascript在html div中插入select标记”

我希望这个答案能帮助你改进你的问题：） 我很乐意帮助你解决这个问题。 清理你的代码，不要犹豫发布它！

---

祝你好运voisin

如果我的代码结构使插入select标记的php代码变得困难，你可以提出另一种方法，保持相同的原则。请帮助我你的问题不清楚。我会提供帮助，但您需要重新编写：）尝试调试一下代码。你的代码到底在哪里失败？sql查询返回什么？