HTML选择，Javascript动态加载

我有以下资料：

滴度
自动
资料

你想要这样的东西吗

var select = document.getElementsByTagName('select')[0];
var input = document.getElementsByTagName('input')[0];

select.addEventListener('change', function () {
    var value = select.value;

    if (value === 'Titel' || value === 'Autor') {
        input.style.display = 'block';
    } else {
        input.style.display = 'none';

        // do datepicker stuff
    }
});

---

-

你想要这样的东西吗

var select = document.getElementsByTagName('select')[0];
var input = document.getElementsByTagName('input')[0];

select.addEventListener('change', function () {
    var value = select.value;

    if (value === 'Titel' || value === 'Autor') {
        input.style.display = 'block';
    } else {
        input.style.display = 'none';

        // do datepicker stuff
    }
});

---

-

你想要这样的东西吗

var select = document.getElementsByTagName('select')[0];
var input = document.getElementsByTagName('input')[0];

select.addEventListener('change', function () {
    var value = select.value;

    if (value === 'Titel' || value === 'Autor') {
        input.style.display = 'block';
    } else {
        input.style.display = 'none';

        // do datepicker stuff
    }
});

---

-

你想要这样的东西吗

var select = document.getElementsByTagName('select')[0];
var input = document.getElementsByTagName('input')[0];

select.addEventListener('change', function () {
    var value = select.value;

    if (value === 'Titel' || value === 'Autor') {
        input.style.display = 'block';
    } else {
        input.style.display = 'none';

        // do datepicker stuff
    }
});

-

HTML代码：

<div class="form-group">
                <select name="select_search" onchange="selectedValue(this)">
                    <option value="" >Select Option</option>
                    <option value="1">Titel</option>
                    <option value="2">Autor</option>
                    <option value="3">Datum</option>
                </select>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="search_query" style="display:none;" placeholder="Suchbegriff eingeben"
                       name="search_query"/>
            </div>

我希望这将帮助您：）

HTML代码：

<div class="form-group">
                <select name="select_search" onchange="selectedValue(this)">
                    <option value="" >Select Option</option>
                    <option value="1">Titel</option>
                    <option value="2">Autor</option>
                    <option value="3">Datum</option>
                </select>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="search_query" style="display:none;" placeholder="Suchbegriff eingeben"
                       name="search_query"/>
            </div>

我希望这将帮助您：）

HTML代码：

<div class="form-group">
                <select name="select_search" onchange="selectedValue(this)">
                    <option value="" >Select Option</option>
                    <option value="1">Titel</option>
                    <option value="2">Autor</option>
                    <option value="3">Datum</option>
                </select>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="search_query" style="display:none;" placeholder="Suchbegriff eingeben"
                       name="search_query"/>
            </div>

我希望这将帮助您：）

HTML代码：

<div class="form-group">
                <select name="select_search" onchange="selectedValue(this)">
                    <option value="" >Select Option</option>
                    <option value="1">Titel</option>
                    <option value="2">Autor</option>
                    <option value="3">Datum</option>
                </select>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="search_query" style="display:none;" placeholder="Suchbegriff eingeben"
                       name="search_query"/>
            </div>

---

---

我希望这会对您有所帮助：）

首先谢谢您。有趣的是，当我将代码复制到一个fiddle now（）中时，它的工作原理与它应该的不同，但是当我在我的站点上尝试它时，它就不起作用了（没有出现输入字段）。。知道为什么吗？您可能希望为元素提供更明确的标识符-为每个元素提供输入并选择一个id，然后使用document.getElementById（id）选择它们；现在连小提琴都不做了。。。（）顺便提一下，还有一个问题：你写了“//做datepicker之类的东西”，我怎样才能用javascript做到这一点？那么，在js的else情况下，我如何将我的html代码放在那里呢修复：）getElementById返回单个元素，因此不需要使用[0]选择第一个元素。还有一个输入错误-getElementsById未定义日期选择器，我建议使用日期选择器插件，Keith Wood的插件相当不错-。您可以使用相同的输入，并在else情况下初始化datepicker，或者您可以添加一个新的输入作为触发器，并在默认情况下隐藏它，以与现有输入相同的方式显示。首先感谢您。有趣的是，当我将代码复制到一个fiddle now（）中时，它的工作原理与它应该的不同，但是当我在我的站点上尝试它时，它就不起作用了（没有出现输入字段）。。知道为什么吗？您可能希望为元素提供更明确的标识符-为每个元素提供输入并选择一个id，然后使用document.getElementById（id）选择它们；现在连小提琴都不做了。。。（）顺便提一下，还有一个问题：你写了“//做datepicker之类的东西”，我怎样才能用javascript做到这一点？那么，在js的else情况下，我如何将我的html代码放在那里呢修复：）getElementById返回单个元素，因此不需要使用[0]选择第一个元素。还有一个输入错误-getElementsById未定义日期选择器，我建议使用日期选择器插件，Keith Wood的插件相当不错-。您可以使用相同的输入，并在else情况下初始化datepicker，或者您可以添加一个新的输入作为触发器，并在默认情况下隐藏它，以与现有输入相同的方式显示。首先感谢您。有趣的是，当我将代码复制到一个fiddle now（）中时，它的工作原理与它应该的不同，但是当我在我的站点上尝试它时，它就不起作用了（没有出现输入字段）。。知道为什么吗？您可能希望为元素提供更明确的标识符-为每个元素提供输入并选择一个id，然后使用document.getElementById（id）选择它们；现在连小提琴都不做了。。。（）顺便提一下，还有一个问题：你写了“//做datepicker之类的东西”，我怎样才能用javascript做到这一点？那么，在js的else情况下，我如何将我的html代码放在那里呢修复：）getElementById返回单个元素，因此不需要使用[0]选择第一个元素。还有一个输入错误-getElementsById未定义日期选择器，我建议使用日期选择器插件，Keith Wood的插件相当不错-。您可以使用相同的输入，并在else情况下初始化datepicker，或者您可以添加一个新的输入作为触发器，并在默认情况下隐藏它，以与现有输入相同的方式显示。首先感谢您。有趣的是，当我将代码复制到一个fiddle now（）中时，它的工作原理与它应该的不同，但是当我在我的站点上尝试它时，它就不起作用了（没有出现输入字段）。。知道为什么吗？您可能希望为元素提供更明确的标识符-为每个元素提供输入并选择一个id，然后使用document.getElementById（id）选择它们；现在连小提琴都不做了。。。（）顺便提一下，还有一个问题：你写了“//做datepicker之类的东西”，我怎样才能用javascript做到这一点？那么，在js的else情况下，我如何将我的html代码放在那里呢修复：）getElementById返回单个元素，因此不需要使用[0]选择第一个元素。还有一个输入错误-getElementsById未定义日期选择器，我建议使用日期选择器插件，Keith Wood的插件相当不错-。您可以使用相同的输入，并在else情况下初始化datepicker，或者您可以添加一个新的输入作为触发器，并在默认情况下隐藏它，以与现有输入相同的方式显示。如果情况为1，则由于未包含中断，它将进入情况2；这可能是故意的，但如果两种情况下的代码相同，则通常是不好的做法。不需要写中断。对于1和2，将执行相同的代码。好的，谢谢你的建议。如果案例是1，它将通过案例2，因为你没有包括休息；这可能是故意的，但如果两种情况下的代码相同，则通常是不好的做法。不需要写中断。对于1和2，将执行相同的代码。好的，谢谢你的建议。如果案例是1，它将通过案例2，因为你没有包括休息；这可能是故意的，但如果两种情况下的代码相同，则通常是不好的做法。不需要写中断。对于1和2，将执行相同的代码。好的，谢谢你的建议。如果案例是1，它将通过案例2，因为你没有包括休息；这可能是故意的，但如果两种情况下的代码相同，则通常是不好的做法。不需要写中断。对于1和2，将执行相同的代码。好的，谢谢你的建议。