Javascript 将文本和选项移动到输入html和jquery中_Javascript_Jquery_Html_Css_Jquery Ui

Javascript 将文本和选项移动到输入html和jquery中

javascript jquery html css jquery-ui

Javascript 将文本和选项移动到输入html和jquery中,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我正在开发一个chrome扩展，其中一个指定了他想要的项目、颜色、大小和其他特定选项；其中一些选项包括滑块、单选按钮和选择选项然后他按下add按钮，所有这些信息都被输入到一个大框中，然后用这个指定的信息创建一个输入，就像这个例子一样我该怎么做这样的事。这是我的html <!DOCTYPE html> <html> <head> <title>HP</title> <head> <link rel="sty

我正在开发一个chrome扩展，其中一个指定了他想要的项目、颜色、大小和其他特定选项；其中一些选项包括滑块、单选按钮和选择选项

然后他按下add按钮，所有这些信息都被输入到一个大框中，然后用这个指定的信息创建一个输入，就像这个例子一样

我该怎么做这样的事。这是我的html

<!DOCTYPE html>
<html>
<head>
    <title>HP</title>
<head>
<link rel="stylesheet" href="items.css">
<body>

<div class="bg">

    <button id="droplist-btn" class="droplist-btn">Add By Droplist</button> 

    <!-- ADD ARROW IMAGE THAT POINTS TO THE RIGHT AND WHEN CLICKED ROTATES THE IMAGE TO POINT DOWNWARDS -->

    <input type="text" id="item-code-input" class="item-code-input" placeholder=""></input>
    <button type="submit" id="add-item-code" class="add-item-code">+</button>
    <select type="text" id="sizes-item-code" class="sizes-item-code">
        <option value="Small">Small</option>
        <option value="Medium">Medium</option>
        <option value="Large">Large</option>
        <option value="XLarge">XLarge</option>
        <option value="One Size">One Size</option>
    </select>
    <input type="radio" id="item-code-radio" class="item-code-radio" name="item-radio" checked="checked" />
    <label for="item-code-radio">Item Code</label><br/>
    <input type="radio" id="keyword-radio" class="keyword-radio" name="item-radio" checked="checked" />
    <label for="keyword-radio">Keyword</label>




    </div>
<script src="jquery.js"></script>
<script src="items.js"></script>

</body>
</html>


惠普
按液滴列表添加
+
小的
中等
大的
XLarge
一号
项目代码

关键词

感谢您的帮助。

jQuery中的控件通常使用此方法设置其

值。某些控件，如单选按钮
需要方法并将选中
设置为真

有关输入和选择值的设置，请参见下面的代码

$（文档）.ready（函数（）{
$（“输入#项目代码输入”）.val（“06453”）；
$（“选择尺寸项目代码”）.val（“XLarge”）；
$（“输入#项目代码无线电”）.prop（“选中”，为真）；
$（“输入#关键字收音机”）.prop（“选中”，false）；
});

+
小的
中等
大的
XLarge
一号
谢谢，但是当我按下add//submit按钮@zackaryjones时，我如何使用它将其输入到表中？您想在submit按钮上使用jQuerys事件处理程序吗<代码>$（“#提交按钮”）。单击（函数（）{//在提交按钮上单击代码}）。我在打电话，为sytax的错误提前道歉。