Question

我有一个javascript函数，在选择后显示并隐藏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>

每件事情都很完美，但由于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>

Answer 1

您的问题不明确，也不清楚您的代码。我很难理解你的尝试。

以下是一些提示，使您的代码更具可读性，并且我们可以更方便地使用您的问题：

构建代码：编码前思考
以合适的方式缩进代码
使用功能！避免在代码中包含这些内容：

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（）“
使用正确的ID和类名。很难理解他的id为“test1”或span class =“divs”的div的purph ......这是无稽之谈
现在，当你在这里发帖时，你应该总是指明你要做的事情，当你提供源代码时，请从你的代码部分说出来。您提供了2个代码示例。我仍然问自己，他们是否来自同一个“test.php”脚本，或者他们是“test1.php”和“test2.php”的一部分。
选择你的话。您的问题是“在javascript函数中插入选择标记”，法语中的“Insérerun select tag DANS une fonction javascript”。像“插入选择标记一个js函数”或更好一点更正确：“使用javascript在html div中插入select标记”

我希望这个答案会帮助你改善你的问题:) 我很乐意帮助你解决这个问题。清理你的代码，并毫不犹豫地发布它！祝你好运voisin

在javascript函数中插入select标记

1 个答案: