Php 如何在从下拉列表中选择选项后创建文本框？

我正在尝试创建一个包含四个选项的下拉列表，这样，如果我选择第四个选项，我希望创建一个文本框，以便使用“$\u get”获取在该框中键入的值

像这样的东西

<select name="value">
<option value="value1">Option 1</option>
<option value="value2">Option 2</option>
<option value="value3">Option 3</option>
<!-- And a 4th one -->
</select>

<input type="text" name="firstname">

选择1
选择2
选择3

如果选择了第四个，则会出现如下框：

<select name="value">
<option value="value1">Option 1</option>
<option value="value2">Option 2</option>
<option value="value3">Option 3</option>
<!-- And a 4th one -->
</select>

<input type="text" name="firstname">

---

编辑

我目前的代码

<script>
jQuery(function($){                      //calling the code inside braces when document loads and passing jQuery object as '$' parameter;
   $("select[name='sortby']").change(function(){        //binding an event that fires every time select value changes
      var select = $(this);              //caching select, which value was changed
      if(select.val() === "byDefindex"){     //checking if we selected the right option
          $("<input>").attr({type: "text", name: "defindex"}).appendTo(select.parent());   //creating new input element object, setting its value to "value4" and appending to select parent element or wherever you want it
      }
   });        
});
</script>




<form action="<?php $_PHP_SELF ?>" method="GET">

    Select:
    <br />
        <select name="sortby">
            <option value="playHours">Play Hours</option>
            <option value="lastLogin">Last Login</option>
            <option value="byDefindex">By Defindex</option>
        </select>
    <br />

    <input type="submit" />

</form>

jQuery（函数（$）{//在加载文档时调用大括号内的代码，并将jQuery对象作为“$”参数传递；
$（“select[name='sortby']）.change（function（）{//绑定每次select值更改时激发的事件
var select=$（this）；//缓存select，更改了哪个值
if（select.val（）=“byDefindex”）{//检查我们是否选择了正确的选项
$（“”）.attr（{type:“text”，name:“defindex”}）.appendTo（select.parent（））；//创建新的输入元素对象，将其值设置为“value4”，并附加到select parent元素或任何需要的位置
}
});        
});
如果您的第四个选项是：

<option value="value4">Option 4</option>

选项4

可以使用jQuery显示字段。
将您的字段放入



现在,


$（文档）.ready（函数（）{
$（'input[name=“value”]”）。更改（函数（）{
var v=$（'input[name=“value”]）.val（）；
如果（v==“value4”）$（“#字段”）.show（）；
else$（“#字段”）.hide（）；
})
})
如果您的第四个选项是：

<option value="value4">Option 4</option>

选项4

可以使用jQuery显示字段。
将您的字段放入



现在,


$（文档）.ready（函数（）{
$（'input[name=“value”]”）。更改（函数（）{
var v=$（'input[name=“value”]）.val（）；
如果（v==“value4”）$（“#字段”）.show（）；
else$（“#字段”）.hide（）；
})
})
如果您的第四个选项是：

<option value="value4">Option 4</option>

选项4

可以使用jQuery显示字段。
将您的字段放入



现在,


$（文档）.ready（函数（）{
$（'input[name=“value”]”）。更改（函数（）{
var v=$（'input[name=“value”]）.val（）；
如果（v==“value4”）$（“#字段”）.show（）；
else$（“#字段”）.hide（）；
})
})
如果您的第四个选项是：

<option value="value4">Option 4</option>

选项4

可以使用jQuery显示字段。
将您的字段放入



现在,


$（文档）.ready（函数（）{
$（'input[name=“value”]”）。更改（函数（）{
var v=$（'input[name=“value”]）.val（）；
如果（v==“value4”）$（“#字段”）.show（）；
else$（“#字段”）.hide（）；
})
})
这通常通过javascript完成；类似这样（通过使用流行的JavaScript库jQuery）：

jQuery（函数（$）{//在加载文档时调用大括号内的代码，并将jQuery对象作为“$”参数传递；
$（“select[name='value']”）。change（function（）{//绑定一个事件，该事件在每次select值更改时触发
var select=$（this）；//缓存select，更改了哪个值
if（select.val（）=“value4”）{//检查我们是否选择了正确的选项
$（“”）.attr（{type:“text”，name:“firstname”}）.appendTo（select.parent（））；//创建新的输入元素对象，将其值设置为“value4”，并附加到select parent元素或任何需要的位置
}
});        
});

希望有帮助。您可以在这里找到更多信息
这通常是通过javascript完成的；类似这样（通过使用流行的JavaScript库jQuery）：

jQuery（函数（$）{//在加载文档时调用大括号内的代码，并将jQuery对象作为“$”参数传递；
$（“select[name='value']”）。change（function（）{//绑定一个事件，该事件在每次select值更改时触发
var select=$（this）；//缓存select，更改了哪个值
if（select.val（）=“value4”）{//检查我们是否选择了正确的选项
$（“”）.attr（{type:“text”，name:“firstname”}）.appendTo（select.parent（））；//创建新的输入元素对象，将其值设置为“value4”，并附加到select parent元素或任何需要的位置
}
});        
});

希望有帮助。您可以在这里找到更多信息
这通常是通过javascript完成的；类似这样（通过使用流行的JavaScript库jQuery）：

jQuery（函数（$）{//在加载文档时调用大括号内的代码，并将jQuery对象作为“$”参数传递；
$（“select[name='value']”）。change（function（）{//绑定一个事件，该事件在每次select值更改时触发
var select=$（this）；//缓存select，更改了哪个值
if（select.val（）=“value4”）{//检查我们是否选择了正确的选项
$（“”）.attr（{type:“text”，name:“firstname”}）.appendTo（select.parent（））；//创建新的输入元素对象，将其值设置为“value4”，并附加到select parent元素或任何需要的位置
}
});        
});

希望有帮助。您可以在这里找到更多信息
这通常是通过javascript完成的；类似这样（通过使用流行的JavaScript库jQuery）：

jQuery（函数（$）{//在加载文档时调用大括号内的代码，并将jQuery对象作为“$”参数传递；
$（“select[name='value']”）。change（function（）{//绑定一个事件，该事件在每次select值更改时触发
var select=$（this）；//缓存select，更改了哪个值
if（select.val（）=“value4”）{//检查我们是否选择了正确的选项
$（“”）.attr（{type:“text”，name:“firstname”}）.appendTo（select.parent（））；//创建新的输入元素对象，将其值设置为“value4”，并附加到select parent元素或任何需要的位置
}
});        
});

希望有帮助。你可以在这里找到更多信息，我不确定这是否是你要问的，但看起来
function addOption(theSelectElement){
    // create a text box, underneath the select box:
    var newInput=document.createElement('input');
    newInput.type='text';
    theSelectElement.parentNode.insertAfter(newInput,theSelectElement);
}