如何在選項標籤內添加隱藏輸入類型？

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

如何在選項標籤內添加隱藏輸入類型？

回答

相關問題