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して選択したお茶を取得し、それを 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_idURL の末尾に追加する方法はあります/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

tdselect要素に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 に答える