0

私は次のようなフォームを持っています:

        <form name="search" class="form-search" method="get" action="http://www.bernhardt.com/search.php?">
            <div>
              <input name="search" type="text" class="search-query input-large" onkeypress="return submitenter(this,event)">
              <select>
                <option>Option1</option>
                <option>Option2</option>
                <option>Option3</option>
              </select>
              <button type="submit" class="btn btn-primary">Search</button>
            </div>
        </form>

Option1 を選択すると、フォームの入力が次のようになるようにしたいと思います。

<form name="search" class="form-search" method="get" action="http://www.websitehere.com/search.php?">
<div>
<input name="search" type="text" class="search-query input-large" onkeypress="return submitenter(this,event)">
<button type="submit" class="btn btn-primary">Search</button>
</div>

Option2 の場合は次のようになります。

<form name="search" class="form-search" method="get" action="http://www.websitehere.com/search.php?">
<div>
<input name="searchbynum" type="text" class="search-query input-large" onkeypress="return submitenter(this,event)">
<input type="hidden" name="searchbydesc" value="" />
<input type="hidden" name="Submit" value="Go" />
<button type="submit" class="btn btn-primary">Search</button>
</div>

したがって、他のオプションではいいえなどです。ここでかなりの Javascript が必要であることは理解していますが、その方法はわかりません (基本的な HTML と CSS は知っていますが、Javascript はあまり知りません)。このトピックに関するヘルプをいただければ幸いです。

4

1 に答える 1

0

document.createElement（）を見てください

次のことができるはずです。

<script>
function addInputs() {
    var input = document.createElement("input");
    document.getElementById("frm").appendChild(input);
}
</script>

<form id="frm">
<select onchange="addInputs()" id="sel">
<option>Option 1</option>
</select>
</form>
于 2012-07-19T22:47:00.600 に答える