在JQuery中给出一个带有多个选项的select.
$select = $("<select></select>");
$select.append("<option>Jason</option>") //Key = 1
.append("<option>John</option>") //Key = 32
.append("<option>Paul</option>") //Key = 423
Run Code Online (Sandbox Code Playgroud)
如何存储和检索密钥?
ID可能是一个好的地方,但如果我有多个select的共享值(和其他场景),则不能保证唯一.
谢谢
并本着TMTOWTDI的精神.
$option = $("<option></option>");
$select = $("<select></select>");
$select.addOption = function(value,text){
$(this).append($("<option/>").val(value).text(text));
};
$select.append($option.val(1).text("Jason").clone())
.append("<option value=32>John</option>")
.append($("<option/>").val(423).text("Paul"))
.addOption("321","Lenny");
Run Code Online (Sandbox Code Playgroud) 尝试制作一个make generic选择"控件",我可以动态添加元素,但我无法让函数正常工作.
这就是我的开始.
$select = $("<select></select>");
$select.addOption = function(value,text){
$(this).append($("<option></option>").val(value).text(text));
};
Run Code Online (Sandbox Code Playgroud)
这种精细单独工作,但随时$select被.clone(true)"ED的addOption()功能丧失.
这是我的对象方法,但功能仍然不起作用.
function $selectX() {
return $("<select></select>");
}
$selectX.prototype.addOption() = function(value,text){
$(this).append($("<option></option>").val(value).text(text));
};
Run Code Online (Sandbox Code Playgroud)
Hack解决方案是在创建后手动添加该功能:
$nameSelect= new $selectX;
$nameSelect.addOption = function(value,text){
$(this).append($("<option></option>").val(value).text(text));
};
Run Code Online (Sandbox Code Playgroud)
我吠叫错了树吗?
我有一个建立反应的网络应用程序.在这个应用程序中,我也有一些页面与旧版本的jQuery代码.现在这是渲染服务器端,我必须ejs用脚本标签中的jQuery和jQuery-UI代码加载整个文件,并使用自己的导航菜单.(差不多1000行的jQuery代码)
这意味着我必须为这些jQuery页面构建另一个nav-menu.
我想在我的"内容div"中渲染这个jQuery依赖代码,所以我仍然可以使用使用react路由器的react菜单.我想把它渲染成一个组件.但我不知道这是否是最佳解决方案.
我已经阅读了很多关于如何做到这一点的例子,但我不知道他们应该选择哪一个,我一直在努力使它们发挥作用
如下例所示:将脚本标记添加到React/JSX此示例在componentWillMount中添加脚本标记
或者使用import和require这样的示例:如何在React/JSX文件中添加脚本标记?
如果不通过npm安装jQuery,我无法使这些解决方案工作.
我还没有通过npm安装jQuery,因为我知道这会影响我的应用程序其余部分的bundle大小,而我只在几个页面上使用jQuery.用户不需要为应用程序的其余部分加载jQuery
在这种情况下你会推荐什么?什么是性能和用户体验的最佳解决方案?
我正在尝试在页面加载时将此特定字符串添加到我的URL的末尾:
?aa_campaign = f45632
(http://examplesite.com/test.html)
它用于营销和跟踪.
我试过这个:
if window.location.href.indexOf("http://examplesite.com/test.html") {
window.location = "http://examplesite.com/test.html?aa_campaign=f45632";
}
Run Code Online (Sandbox Code Playgroud)
直接上升不起作用,但这个想法是我正在寻找的.有什么想法吗?
嗨,我试图根据输入附加选项来选择标签.但选项不附加.我甚至没有得到错误,所以故障无法理解.
HTML
<div class="col-lg-5">
<div class="input-group">
<label>Select type of Graph</label>
<select data-placeholder="Select Field..." id="graph_name" style="width:300px;" name="team_name" class="chosen-select" tabindex="2">
</select>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$('#field_name').change(function() {
var fieldname = $('#field_name option:selected').val();
$.post('<?php echo BASE_URL . 'php/processing/formDashboard/graph/showPossibleGraphs.php?id=' . $_GET['id']; ?>', {fieldname: fieldname}, function(data) {
$.each(data.graphs, function(index, value) {
$.each(value, function(index, value) {
console.log(value.id);
console.log(value.text);
var option = '<option value="'+value.id+'">'+value.text+'</option>';
$('#graph_name').append(option);
});
});
});
});
Run Code Online (Sandbox Code Playgroud)
这是截图

这是我从一个下拉列表中选择选项时的图像,数据来自JSON格式的脚本

这是firebug调试截图,显示数据被追加,但点击它没有显示任何内容我的样本数据是这样的:
sample data: {
"status":"OK",
"response":200,
"graphs":[[
{"id":"B","text":"Bar Chart"},
{"id":"D","text":"Doughnut Chart"},
{"id":"P","text":"Pie Chart"}
]]
}
Run Code Online (Sandbox Code Playgroud) 我有一个结构:
<div class="faq-section">
<h4>1. Wie reserviere ich mir einen Platz, wenn ich einen Gutschein habe?</h4>
<p>Es gibt für Gutscheinbesitzer 2 Wege um sich einen Platz am Himmel bei uns zu reservieren.</p>
<ul>
<li>Sie können sich telefonisch Mo-Fr 09.00-17.00 Uhr unter <strong>056 667 27 08 </strong>oder</li>
<li>Sie nutzen unser elektronisches Reservationsformular, welches Sie <a title="Reservation" href="34-0-Reservation.html"> hier </a>finden.</li>
</ul>
<h4>2. Wie lange dauert eine Ballonfahrt?</h4>
<p>Je nach Angebot das Sie wählen hat eine Ballonfahrt unterschiedliche Dauer in der Luft. Der Ablauf …Run Code Online (Sandbox Code Playgroud) sum(2)(3);?并提到其他常规相当于这个电话?可以像下面的代码一样创建此调用的sum函数
function sum(x) {
if (arguments.length == 2) {
return arguments[0] + arguments[1];
} else {
return function(y) { return x + y; };
}
}
console.log(sum(2,3)); // Outputs 5
console.log(sum(2)(3)); // Outputs 5Run Code Online (Sandbox Code Playgroud)
通过以下测试,我在浏览器中获得了不一致的结果:
============ test.html ===========
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</head>
<body>
<script>
var xml;
$.ajax({
type: "GET",
url: "data.xml",
success: function(data){
var node = $("CI:first", data);
var query1 = $("T TX", node).length;
var query2 = $("T", node).find("TX").length;
var msg = '$("T TX", node).length: ' + query1;
msg += "\n";
msg += '$("T", node).find("TX").length: ' + query2;
alert(msg);
}
});
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
============ data.xml ===========
<?xml version="1.0" encoding="ISO-8859-2"?>
<CNs>
<CI>
<T>
<TX></TX> …Run Code Online (Sandbox Code Playgroud) 完成对具有自动完成功能的文本框的选择后,如何触发另一个事件.我想根据所选值显示一个有效的div区域.
有谁知道这个警告指的是什么以及我将如何解决它?
Resource requests whose URLs contain raw newline characters are deprecated, and may be blocked in M60, around August 2017. Please remove newlines from places like element attribute values in order to continue loading those resources. See https://www.chromestatus.com/features/5735596811091968 for more details.
Run Code Online (Sandbox Code Playgroud)
我正在进行上述描述 console
我试图在$.getJSON方法中使用传递URL .我在警告框中获取URL但它不能进入控制器类.
我的代码在这里:
function LoginSucessInfo( result )
{
var id = "6546767576657";
url = "/logindetails?id="+id+"&result="+result;
alert(url);
$.getJSON(url, function(data1){
alert("--");
});
}
Run Code Online (Sandbox Code Playgroud)
我的代码有什么问题?
jquery ×10
javascript ×6
html ×2
autocomplete ×1
css ×1
ecmascript-6 ×1
reactjs ×1
url ×1
web ×1