javascript - 如何在选择列表框的jsp页面中的多个文本框中获取JavaScript变量值

Question

我有一个从数据库填充数据的列表框。现在我必须实现一个功能，将该列表框值存储在变量中并使用 id 将其显示在文本框中。我可以选择该值并可以将其存储在文本框中，但问题是我希望在多个文本框中输入该值。该功能不起作用，我在这里发布到目前为止我所做的事情，

   var myvalue=$("option:selected",this).text();
   document.getElementById("hiddenField").value=myvalue;


   <div style='display:none;' id='business'>    

            <div class="form-control">
                <label class="lebelMergin" for="_Name">
                <span class="spanMergin">Name</span>
                <input type='text' class='text' name='business' id="hiddenField" />                 
                </label>

             </div>  

            <div class="form-control">
                <label class="lebelMergin" for="_email">
                <input type='text' class='text' name='business' id="hiddenField" />
                </label>
            </div>


    </div> 

我在这里所做的事情是使用隐藏字段来获取生成的值，但这不会出现在第二个文本字段中。请有人帮忙

Answer 1

使用下面的代码。多次使用相同的 id 不起作用。为所有文本框指定类名并赋值

 var secondvar ;
 var myvalue=$("option:selected",this).text();
 $('.text').val(myvalue);
  secondvar = my value;

        <div class="form-control">
            <label class="lebelMergin" for="_Name">
            <span class="spanMergin">Name</span>
            <input type='text' class='text' name='business' id="hiddenField" />                 
            </label>

         </div>  

        <div class="form-control">
            <label class="lebelMergin" for="_email">
            <input type='text' class='text' name='business' id="hiddenField" />
            </label>
        </div>


</div>