0

我有一个下拉菜单。我用它来选择一种特定的茶。

<form name="barcode" onSubmit="return OnSubmitForm();" method="post">

    <select name="entry_id" id="entry_id">
        <option selected="selected">Select a tea</option>
        <td><option entry_id="865"> Black Tea</option></td>
        <td><option entry_id="123"> Green Tea</option></td>
    </select>

    <input type="submit" value="Tea story">
</form>

然后我想使用 javascript 来检索entry_id选定的 Tea 并将其附加到 URL 的末尾，例如/myshop/tea/865<-- 865 是红茶的条目 ID

我的Javascript代码：

<SCRIPT language="JavaScript">
    function OnSubmitForm()
    {
        alert('inside');
        var eid = document.getElementById('entry_id').value;
        alert(eid);
        document.barcode.action ="https://www.myshop.ca/tea/" + eid;
    }
</SCRIPT>

但每次它都会附加“红茶”或“绿茶”名称，例如，/myshop/tea/Black Tea或/myshop/tea/Green Tea。有没有办法entry_id在 URL 的末尾附加，例如/myshop/tea/865或/myshop/tea/123

4

2 回答 2

1 
<form name="barcode" onSubmit="return OnSubmitForm();" method="post">

    <select name="entry_id" id="entry_id">
       <option selected="selected">Select a tea</option>
       <option value="865">Black Tea</option>
       <option value="123">Green Tea</option>
    </select>

    <input type="submit" value="Tea story">
    </form>

更有意义。使用应该使用的表单小部件。

于 2012-12-13T17:56:24.977 回答
0

您不应该td在 select 元素中有 s 。此外，您需要将元素的value属性设置option为所需的 ID。例如。：

<select name="entry_id" id="entry_id">
   <option selected="selected">Select a tea</option>

   <option value="865"> Black Tea</option>

   <option value="123"> Green Tea</option>
</select>
于 2012-12-13T17:57:11.993 回答