Question

我有一个“中小”和“大”的下拉菜单（下面的代码）。我想为每一行捕获一些文本-例如小汤姆；中迪克大哈里。

补充问题-我可以为每个尺寸获得多个名称-例如小数量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

不，你不能那样做。查看参考了here in another thread的一些信息。您可以尝试使用某种形式的引导程序。仅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()));
});

Bootstrap JS Example

Answer 2

我接受我的要求是不可能的，或者至少不是我的能力范围。我已经意识到，我真正想要的是与众不同的东西。但是对于任何未来的询问者我需要在购物车中为两个变量OS0（大小）和OS1（名称）的每个唯一组合添加一行，而Paypal还是这样做。仅当该对重复时，它才会增加现有行中的数量。我称此为封闭

如何在下拉菜单项中添加值字段？

2 个答案: