DOJO checkedmultiselect_Dojo - Fatal编程技术网

DOJO checkedmultiselect

dojo

DOJO checkedmultiselect,dojo,Dojo,您好，我正在尝试在dojo中使用CheckedMultiSelect。。。当我按下按钮时，CheckedMultiSelect中的所有选中项都应显示在文本框中。请编辑下面的代码。。。我尝试使用alertbox，但它不起作用 <html> <link rel="stylesheet" href="dijit/themes/claro/claro.css"> <script>dojoConfig = {parseOnLoad: true}</script&

您好，我正在尝试在dojo中使用CheckedMultiSelect。。。当我按下按钮时，CheckedMultiSelect中的所有选中项都应显示在文本框中。请编辑下面的代码。。。我尝试使用alertbox，但它不起作用

<html>
<link rel="stylesheet" href="dijit/themes/claro/claro.css">
<script>dojoConfig = {parseOnLoad: true}</script>
<script src="dojo/dojo.js"></script>
<script>
require(["dojox/form/CheckedMultiSelect","dijit/form/Button"]);
</script>
<script>
function selectcont()
    {
        var e=document.getElementById("multiselect");
        var str=e.options[e.selectedIndex].value;
    }
    document.write(str);
</script>
<body class="claro">
<select multiple="true" data-dojo-type="dojox/form/CheckedMultiSelect" id="multiselect" >
      <option value="TN">Tennessee</option>
      <option value="VA" selected="selected">Virginia</option>
      <option value="WA" selected="selected">Washington</option>
      <option value="FL">Florida</option>
      <option value="CA">California</option>
 </select>
 <div>
 <button data-dojo-type="dijit/form/Button" type="button" onclick="selectcont()">click me</button>
 </div>
</body>
</html>


dojoConfig={parseOnLoad:true}
要求（[“dojox/form/CheckedMultiSelect”，“dijit/form/Button”]）；
函数selectcont（）
{
var e=document.getElementById（“multiselect”）；
var str=e.options[e.selectedIndex].value；
}
文件编写（str）；
田纳西州
弗吉尼亚州
华盛顿
佛罗里达州
加利福尼亚
点击我

下载测试示例：

文件：

实时文档：

下载测试示例：

文件：

实时文档：

谢谢大家。。我得到了期望的输出：

<!-- DOKO-CHECKED MULTI SELECT -->
<html>
<link rel="stylesheet" href="dijit/themes/claro/claro.css">
<style type="text/css">
@import "dojox/form/resources/CheckedMultiSelect.css";
    </style>
<script>dojoConfig = {parseOnLoad: true}</script>
<script src="dojo/dojo.js"></script>
<script>
require(["dojo/dom", "dojox/form/CheckedMultiSelect"]); 
</script>
<script>
function hop()
    {
            var total="";
            var a=document.getElementById("multiselect").options;
            var b=a.length;
             var values = new Array();
            for(var i=0; i < b; i++)
        {
            if(a[i].selected)
            values[i]=a[i].value;

        }
            if(values=="")
            alert("select Items")
            else
            document.getElementById("name").value=values;
    }
</script>
<body class="claro">
<h1>DRUG INDICATIONS</h1>
<select multiple="true" data-dojo-type="dojox.form.CheckedMultiSelect" id="multiselect" >
      <option  value="Tennessee">Tennessee</option>
      <option  value="Virginia">Virginia</option>
      <option  value="Washington">Washington</option>
      <option  value="Florida">Florida</option>
      <option  value="California">California</option>
 </select>
 <input type="button" name="goto" onClick="hop()" value="ADD">
 <input data-dojo-type="dijit/form/TextBox" name="name" id="name">
 </body>
</html>


@导入“dojox/form/resources/CheckedMultiSelect.css”；
dojoConfig={parseOnLoad:true}
require（[“dojo/dom”、“dojox/form/CheckedMultiSelect”]）；
函数hop（）
{
var total=“”；
var a=document.getElementById（“multiselect”）.options；
var b=a.长度；
var值=新数组（）；
对于（变量i=0；i


-问候,，
迪帕克。谢谢大家。。
我得到了期望的输出：
<!-- DOKO-CHECKED MULTI SELECT -->
<html>
<link rel="stylesheet" href="dijit/themes/claro/claro.css">
<style type="text/css">
@import "dojox/form/resources/CheckedMultiSelect.css";
    </style>
<script>dojoConfig = {parseOnLoad: true}</script>
<script src="dojo/dojo.js"></script>
<script>
require(["dojo/dom", "dojox/form/CheckedMultiSelect"]); 
</script>
<script>
function hop()
    {
            var total="";
            var a=document.getElementById("multiselect").options;
            var b=a.length;
             var values = new Array();
            for(var i=0; i < b; i++)
        {
            if(a[i].selected)
            values[i]=a[i].value;

        }
            if(values=="")
            alert("select Items")
            else
            document.getElementById("name").value=values;
    }
</script>
<body class="claro">
<h1>DRUG INDICATIONS</h1>
<select multiple="true" data-dojo-type="dojox.form.CheckedMultiSelect" id="multiselect" >
      <option  value="Tennessee">Tennessee</option>
      <option  value="Virginia">Virginia</option>
      <option  value="Washington">Washington</option>
      <option  value="Florida">Florida</option>
      <option  value="California">California</option>
 </select>
 <input type="button" name="goto" onClick="hop()" value="ADD">
 <input data-dojo-type="dijit/form/TextBox" name="name" id="name">
 </body>
</html>


@导入“dojox/form/resources/CheckedMultiSelect.css”；
dojoConfig={parseOnLoad:true}
require（[“dojo/dom”、“dojox/form/CheckedMultiSelect”]）；
函数hop（）
{
var total=“”；
var a=document.getElementById（“multiselect”）.options；
var b=a.长度；
var值=新数组（）；
对于（变量i=0；i

-问候,，
Deepak.
但是如何将其添加到按钮点击事件在您的特定情况下，您可以使用var value=registry.byId（'multiselect'）.get（'value'）
在您的函数中选择cont
并使用value
任意位置，包括作为另一个元素的innerHTML
。然后使用dojo/on
：on（'myButton'，click，selectcont）
而不是onclick
属性。我如您所说进行了更改，但默认情况下我选中了列表中的两项，，所选项目仍不显示。我在列表中用于循环多次选择并获得答案。但是如何将其添加到按钮单击事件在您的特定情况下，您可以使用var value=registry.byId（'multiselect'）。get（'value'）
在您的函数中选择cont
并使用value
任意位置，包括作为另一个元素的innerHTML
。然后使用dojo/on
：on（'myButton'，click，selectcont）
而不是onclick
属性。我如您所说进行了更改，但默认情况下我选中了列表中的两个项目，所选项目仍然没有显示。我使用forloop在列表中进行多次选择，并得到了答案