Question

我的情况就像会有一个隐藏的div

<div id="div_id">
     <input type="text" id="input_id" name="input_name">
</div

我使用jquery

使用hide（）函数隐藏了div

  $('#div_id').hide();

现在我的问题是如何在上面输入字段中添加值并在显示div时显示值。

   $(document).ready(function(){
       $("select#po_pos").change(function()
       {
           var stateId = $("#po_pos option:selected").val();
           $('#input_id').val($('#').val() + stateId);
       }
 });

任何人都可以帮忙吗？谢谢

Answer 1

您错过了输入框ID。这可能会对你有所帮助

＆＃13;

$(document).ready(function(){
       $("#po_pos").change(function()
       {
           var stateId = $("#po_pos option:selected").val();
           $('#input_id').val($('#input_id').val() + stateId);
       });
       $("#btn1").click(function()
       {
           $('#div_id').show();
       });
       $("#btn2").click(function()
       {
           $('#div_id').hide();
       });
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div_id">
     <input type="text" id="input_id" name="input_name">
</div>
<select id="po_pos">
  <option value="1">Volvo</option>
  <option value="2">Saab</option>
  <option value="3">Mercedes</option>
  <option value="4">Audi</option>
</select>
<input type="button" id="btn1" value="Show"/>
<input type="button" id="btn2" value="Hide"/>

＆＃13;

Answer 2

我认为你正在寻找这个：

<div id="div_id">
     <input type="text" id="input_id" name="input_name">
</div>

<script>        
  $('#div_id').hide();

   $(document).ready(function(){
       $("select#po_pos").change(function()
       {
           var stateId = $("#po_pos option:selected").val();
           var inputVal = $('#'+stateId).val();
           $('#input_id').val(inputVal);
           $('#div_id').show();
       }
 });
</script>

如何使用jquery向隐藏的div字段添加值

2 个答案: