在一个范围内连接两个或多个选定值

时间:2017-11-28 03:31:02

标签: javascript jquery html

我想使用jQuery或JavaScript在一个范围内组合选择选项。

这是我的HTML代码:

<body>
    <label>Product:</label> 
    <select id='Product' value='Product'>
        <option value=" " selected>--Select your Product--</option>
        <option>Option 1</option>
        <option>Option 2</option>           
    </select>

    <label>Subproduct:</label> <select id='SubProd' value='SubProd'>

    <option value=" " selected>--Select your Subproduct--</option>
        <option>Sub 1</option>
        <option>Sub 2</option>
     </select>
     <br>
     <span id="joined"></span>
</body>

span我要展示Product1/Sub1,具体取决于所选的选项。我一直在寻找,但我找不到对我有用的东西。

1 个答案:

答案 0 :(得分:1)

虽然你的问题似乎有点不清楚,但检查一下是否有效

a1 | a2| d1| d2| e1| e2| f1| f2| h1| h2| h3| j1| j2| k1| k2| l1

ps:您需要有一些检查条件,以防止显示“选择一个选项”标签。