[英]Remove or Ignore Variable if Input Field is Empty
我目前正在嘗試根據用戶使用 JavaScript 在查詢表單上鍵入的輸入為 API 構建 URL。 文本字段的輸入保存在一個變量中,該變量進一步連接在一起作為最終 URL。 然而,並非所有輸入字段都會一直使用。
我想知道如果它的值是空的,你怎么能忽略那個特定的變量。
正如我所解釋的,我有一組輸入字段:
<input id="whoValue" type="text" value="" placeholder="Who">
<input id="whenStart" type="text" value="" placeholder="Start Date">
<input id="whenEnd" type="text" value="" placeholder="End Date">
<input id="whatValue" type="text" value="" placeholder="What">
<button id="searchBtn">Search</button></br>
<input id="result" type="text" value="" placeholder="Resulting URL">
然后當按鈕被按下時,JavaScript 會加入輸入字段,即使它們的內容是空的。
$('#searchBtn').click(function () {
var url = 'http://particularURLof/';
var who = "…WHO" + $('#whoValue').val();
var what = "…WHAT"+ $('#whatValue').val();
var when = "…YEAR[" + $('#whenStart').val() + "+TO+" + $('#whenEnd').val() + "]";
var moreUrl = '…url End';
var resultUrl = url + who + what + when + moreUrl;
$("#result").val(resultUrl);
});
因此,如上所述,我試圖僅使用在輸入字段中保存值的變量來構造該resultUrl
。
這是我所擁有的JSFiddle 。
短,如果還喜歡:
var result = if_this_is_true ? true : false;
給你一個例子,你的代碼
$('#searchBtn').click(function () {
var url = 'http://particularURLof/';
var who = $('#whoValue').val().length > 0 ? "…WHO" + $('#whoValue').val() : '';
var what = $('#whatValue').val().length > 0 ? "…WHAT"+ $('#whatValue').val() : '';
var moreUrl = '…url End';
var resultUrl = who + what + moreUrl;
$("#result").val(resultUrl);
});
$('#searchBtn').click(function () {
var url = 'http://particularURLof/';
var who = $('#whoValue').val();
var what = $('#whatValue').val();
var whenStart = $('#whenStart').val();
var whatEnd = $('#whenEnd').val();
var moreUrl = "endOfUrl";
if( (who != '') && (what != '') && (whenStart != '') && (whenEnd != '') ) {
var resultUrl = url + who + what + whenStart + whenEnd + moreUrl;
}
else if( (who == '') && (what != '') && (whenStart != '') && (whenEnd != '') ) {
var resultUrl = url + what + whenStart + whenEnd + moreUrl;
}
else if( (who != '') && (what == '') && (whenStart != '') && (whenEnd != '') ) {
var resultUrl = url + who + whenStart + whenEnd + moreUrl;
}
else if( (who != '') && (what != '') && ((whenStart == '') || (whenEnd == '')) ) {
var resultUrl = url + who + what + moreUrl;
}
$("#result").val(resultUrl);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.