Как я могу добавить поля значений в выпадающие элементы?

Question

У меня есть выпадающий список с Small Medium и Large (код ниже).Я хочу захватить некоторый текст для каждой строки - например, Маленький Том;Средний член;Большой Гарри.

Дополнительный вопрос - могу ли я получить более одного имени на размер - например, Малое количество 3; Том, Дик, Гарри

 <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">      <input type="hidden" name="cmd" value="_s-xclick" />    <input type="hidden" name="hosted_button_id" value="B98VUHC4Y2HSU" />
<table>
<tr>
<td><input type="hidden" name="on0" value="Size" />Size
</td>
</tr>
<tr>
<td><select name="os0"> 
<option value="Small (S)">Small (S)  </option>  
<option value="Medium (M)">Medium (M) </option> 
<option value="Large (L)">Large (L) </option>
</select> 
</td>
</tr>
</table><input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" 
name="submit" alt="PayPal – The safer, easier way to pay online!" />
<img alt="" border="0"     src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif"
width="1" height="1" />
</form>

Answer 1

Я принимаю, что то, что я просил, невозможно или, по крайней мере, не в моей компетенции.Я понял, что то, чего я действительно хочу, - это другое. Чем больше я об этом думаю, тем легче становится.Но для любого будущего эквайрера мне нужно добавить одну строку в корзину для каждой уникальной комбинации двух переменных OS0 (размер) и OS1 (имя), и PayPal делает это в любом случае.Только если пара дублируется, она увеличивает количество на существующей строке.Я называю это закрытым

Answer 2

Нет, вы не можете этого сделать.Проверьте некоторую информацию, на которую ссылаются здесь, в другой теме .Вы можете попробовать использовать какую-то его версию.Это невозможно только с помощью HTML.

Что касается дополнительного вопроса, вы бы хотели?Вам придется проанализировать возвращаемую строку, чтобы отделить значения.

Вот его версия Bootstrap из этого потока.

HTML:

<ul class="nav" role="navigation">
    <li class="dropdown"> <a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown">--Select Country--<b class="caret"></b></a>

        <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">USA</a>

            </li>
            <li role="presentation" class="divider"></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">UK</a>

            </li>
            <li role="presentation" class="divider"></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Russia</a>

            </li>
            <li role="presentation" class="divider"></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Others <input type="text" id="other"/></a>

            </li>
        </ul>
    </li>
</ul>

JQuery:

 $('.dropdown-menu input').click(function (e) {
 e.stopPropagation();
 });
$('.dropdown-menu li').click(function(){

$('.dropdown-toggle b').remove().appendTo($('.dropdown-toggle').text($(this).text()));
});

Пример начальной загрузки JS