Question

我可以将<input>标记放在<select>标记内吗？例如：

<select name=""><option value="">Name1</option><input type="hidden" name=""/></select>

Answer 1

听起来好像是XY problem。

答案简短：不是。或者更专业的是：是的，但它不会做任何不同的事情，如果在隐藏的输入元素的情况下将它放在select元素之外，或者在非隐藏的情况下要么不可预测地呈现或根本不呈现输入元素。

你想做什么？

提供隐藏的输入字段以传递我们无法通过表单控件从用户获取的信息。如果你想在表单控件中使用一个，这意味着你需要来自用户的一些信息。

如果您希望能够让用户选择他们随后提供的选项（例如，＆＃39;您是如何得知我们的？网络，打印，_______＆＃39;），标准的UI实践是通常让他们选择一个＆＃39;其他＆＃39;选项，然后填写一个单独的“其他”＆＃39;文字输入。您可以使用Javascript隐藏/交换它们，但它在功能上仍然是相同的过程。

Answer 2

没有最佳方法来解决这个问题也是复杂的控制是代码下面最简单的方法

<script type="text/javascript">
function OnDropDownChange(dropDown) {
    var selectedValue = dropDown.options[dropDown.selectedIndex].value;
    document.getElementById("txtSelectedCity").value = selectedValue;
}

    <form action = "">
        <select name = "Cities" onChange="OnDropDownChange(this);">
          <option value="----">--Select--</option>
          <option value="B1">B1</option>
          <option value="B2">B2</option>
          <option value="B3">B3</option>

        </select>
        <br/>
        <br/>
        <input type="button" value="Test">
        <input type="text" id="txtSelectedCity" name="SelectedCity" value="" />
    </form>

HTML使用标签

2 个答案: