如何使用JS从下拉列表中创建所需的字段?

时间:2017-06-08 22:06:44

标签: javascript html

我需要创建一个ID为" sales-representative"的类字段。当下拉列表值为"是"时需要。现在我有这个,它不工作。我是Java Script的新手。如果有人可以帮助我,我会很感激。

`<script>
    var makeSRFieldsRequired = function(){
if (document.getElementById("soa-coordinated-drp").value = "YES"){
document.getElementById("sales-representative").prop('required', required);}
    };
    </script>`

1 个答案:

答案 0 :(得分:0)

我并没有真正理解你的问题,但是根据我收集到的信息,你可以根据另一个下拉列表的操作切换下拉列表。

下面是我为了做到这一点而编写的代码,每次对下拉列表进行更改时我们正在监听,在这种情况下,当进行更改时,我们会看到value-to-yes的ID为{1}}选择索引所以在这种情况下,1等于是。

如果等于是,我们会显示另一个下拉列表。

如果没有,那么我们隐藏它。

var selectYes = document.querySelector('#value-to-yes');
var sales = document.querySelector('#sales-representative');

selectYes.addEventListener('change', function() {
    if (selectYes.selectedIndex === 1) {
      sales.style.display = 'block';
    } else {
      sales.style.display = 'none';
    }
});
<select id="value-to-yes">
  <option selected hidden>Please select an option</option>
  <option value="yes">Yes</option>
  <option value="no">No</option>
</select>

<form id="sales-representative" style="display: none;">
  <input type="text" name="name" placeholder="Name" required>
  <input type="text" name="id" placeholder="ID" required>
  <input type="text" name="phone" placeholder="Phone Number" required>
  <button type="submit">Submit</button>
</form>