如何从下拉列表中选择项目时更新表单“项目名称”

3 回答

• 0

  你可以用javascript来做，但我不太清楚为什么你需要 . 如果你有一个选择值和一个隐藏字段应该采取与选择相同的值，那么这意味着你提交相同的数据两次 . 只需直接使用select控件的值即可 .

  回复于 2024-05-19T23:18:53+08:00
• 0

  如果您的下拉菜单是 <select> 标记，则可以执行以下操作：

  <script type="text/javascript">
  function updateItemName() {
    var select = document.getElementById('select_stuff');
    var field = document.getElementById('item_name');
  
    field.value = select.options[select.selectedIndex].value;
  };
  </script>
  
  <input type="hidden" name="item_name" id="item_name" value="" />
  
  <select name="select_stuff" id="select_stuff" onchange="updateItemName()">
    <option value="Stuff 1" >Stuff 1</option>
    <option value="Stuff 2">Stuff 2</option>
  </select>
  

  回复于 2024-05-19T23:18:53+08:00
• 1

  在javascript中很容易做到;与jQuery微不足道 . 让我们假装我们有以下html：

  <ul id="item-list">
     <li>One certain item</li>
     <li>Another one</li>
     ...
  </ul>
  <input type="hidden" name="item_name" id="item_name" value="" id="the_id"/>
  

  你要做的是：

  <script type="text/javascript">
  $('#item-list li').click(function() {
      $('#the_id').attr(name, $(this).text());
  });
  </script>
  

  这意味着：

  当用户点击具有id item-list的元素所包含的li时，将id为the_id的元素作为名称，由他们刚刚单击的li包含的文本 .

  ---

  对不起，我刚刚意识到你想要更改名称而不是值：修复 .

  回复于 2024-05-19T23:18:53+08:00