如何在选项标签内添加隐藏输入类型？

function vGetUsers(elem, id) { 
    var cat = $("#cat" + elem).val(); 
    var xstr = ""; 
    debugger; 
    $.ajax({ 
    url: '/ApplicationNew/getAllUsers', 
    type: 'POST', 
    data: { 'Cat': cat }, 
    dataType: 'json', 
    async: false, 
    success: function (b) { 
     for (x = 0; x < b.length; x++) { 

     xstr = xstr + '<option value="' + b[x].UserName + '">' + b[x].FirstName + ' ' + b[x].MiddleInitial + ' ' + b[x].LastName + '</option>'(HERE IS WHERE I WANT TO PLACE THE INPUT TYPE HIDDEEN IS THIS POSIBLE?[enter image description here][1]); 
       } 
     localStorage.removeItem('vUsers'); //tracked0629 
     localStorage.setItem('vUsers', xstr); 
      } 
     }); 
    }

发生什么，当我把这个<input type="hidden" id="userName' + id + '" value="' + b[x].UserName + '" hidden/>内的选项标签。如何在选项标签内添加隐藏输入类型？

来源

2017-09-06 Pel Tapel

我不能放出来，当我把隐藏在选项标签的输入型-_- –

没有其不可能的（一个''

为什么将隐藏的输入放在选项标签中？ 'option'标签中的'value'属性不够？ “选项”标签中不能添加子标签元素 - 他们正在创建项目列表。 –

使用我的例子来解决你的任务：

<html> 
    <head> 
     <script src="jquery.min.js"></script> 
    <head> 
    <body> 
     <select> 
      <option value="1" hidden-attr="hidden attr for 1">Option 1</option> 
      <option value="2" hidden-attr="hidden attr for 2">Option 2</option> 
      <option value="3" hidden-attr="hidden attr for 3">Option 3</option> 
      <option value="4" hidden-attr="hidden attr for 4">Option 4</option> 
      <option value="5" hidden-attr="hidden attr for 5">Option 5</option> 
      <option value="6" hidden-attr="hidden attr for 6">Option 6</option> 
     </select> 
     <script> 
       $("select").change(function(){ 
        var val = $(this).find("option:selected").val(); 
        var hidden = $(this).find("option:selected").attr("hidden-attr"); 
        alert ("Value: " + val + ", hidden attribute:" + hidden); 
       }) 
     </script> 
    </body> 
</html>

来源

2017-09-06 03:46:40 diavolic

而不是隐藏字段添加额外的属性，这样，握住你的额外价值。

$('select').change(function(){ 
 
     var selected = $(this).find('option:selected'); 
 
     var imageSrc = selected.data('image'); 
 
     alert(imageSrc); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="select"> 
 
    <option value="1" data-image="image1">A</option> 
 
    <option value="2" data-image="image2">B</option> 
 
    <option value="3" data-image="image3">C</option> 
 
</select>

来源

2017-09-06 03:49:37

如何在选项标签内添加隐藏输入类型？

回答

相关问题